选择所有PNG图像

use*_*454 6 html css image

如何将CSS样式应用于PNG图像?

.pngImages {opacity:0.75}
.pngImages:hover {opacity:1}
Run Code Online (Sandbox Code Playgroud)

我有很多页面包含重复的PNG文件.如何在不指定img的情况下将此类应用于所有类class="pngImage"...

这样的事情,但只是为了png图像:

div {background-color:#ddd}
Run Code Online (Sandbox Code Playgroud)

小智 9

您可以使用属性选择器

img[src$=".png"]
Run Code Online (Sandbox Code Playgroud)

这将选择所有png图像

  • 只有可能的问题就像`<img rel="nofollow noreferrer" src ="image.png?attr = val">``如果你有一些路由到动态输出或者使用查询字符串进行缓存破坏,或者你有像'PNG这样的混合情况`或`Png`(可能有更合理的例外).说它选择`src`以'.png`结尾的所有图像更为正确. (3认同)