如何为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中的<img>标签

.classname img{
    styles here
}