Html 选择所有PNG图像

如何将css样式仅应用于PNG图像

.pngImages {opacity:0.75}
.pngImages:hover {opacity:1}

我有许多页面包含重复的PNG文件。 如何在不指定img

class=“pngImage”

的情况下将该类应用于所有类

类似这样的东西，但仅适用于png图像：

div {background-color:#ddd}

---

可以使用属性选择器

img[src$=".png"]

---

这将选择所有png图像

假设您只需要处理

.png

您可以使用

[attribute$='value']

选择器来执行此操作：

img[src$='.png'] {
  background-color: #ddd;
}

---

我认为您应该能够使用属性选择器来实现这一点，例如：

img[src$=“.png”]{border:2px solid#8c0000；}

---

您可能需要在Internet Explorer中对此进行测试，以确保它已被拾取。

您所有的图像都是png或一些是gif、jpg等？是否有不想添加类属性的原因？好的创造性问题+1。但我不认为有一个具体的CSS解决方案@user2586454如果您有一些到动态输出的路由，或者正在使用查询字符串进行缓存破坏，或者如果您有混合大小写，例如

PNG

或

PNG

（可能存在更合理的例外），则唯一可能的问题是类似

。更正确的说法是，它选择了其

src

以

.png

结尾的所有图像。

img[src$=".png"] { opacity:0.75; }
img[src$=".png"]:hover { opacity:1; }