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

Question

是否可以创建一个 CSS 规则，将样式应用到任何具有包含特定字符串(比如“hideme”)的 SRC 的 IMG 标签？例如，如果我在一个页面上有以下 3 张图片，它会隐藏第二张吗？

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

Answer 1

使用这个 CSS3 attribute selector :

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

我宁愿使用 hideme 类来代替，但是如果您必须根据其 src 属性隐藏图像，上面的方法就可以了。