如何向webp图像添加样式

Question

我的代码看起来像

<picture>
  <source type="image/webp" srcset="img/photo.webp">
  <source type="image/jpg" srcset="img/photo.jpg">
  <img src="img/photo.jpg" alt="">
</picture >

我想在此图片中添加类，以便可以使用边界半径。我该怎么办？

Answer 1

将类别放在<picture>标签上

<picture class="classname">
  <source type="image/webp" srcset="img/photo.webp">
  <source type="image/jpg" srcset="img/photo.jpg">
  <img src="img/photo.jpg" alt="" >
</picture>

像这样的css中的目标

.classname img{
    styles here
}