CSS隐藏具有匹配SRC属性的所有图像

Question

是否可以创建一个CSS规则,将一个样式应用于任何包含特定字符串的SRC的IMG标记,比如说"hideme"？例如,如果我在页面上有以下3个图像,它会隐藏第二个图像吗？

<img src="images/test1.png">
<img src="images/hideme.gif">
<img src="images/test3.jpg">

Answer 1

使用此CSS3 属性选择器:

img[src*="hideme"] {
    display: none;
}

我更喜欢使用hideme类,但如果你必须根据其src属性隐藏图像,上面就可以了.