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

Question

是否可以创建一个 CSS 规则，将样式应用于任何带有 SRC 且包含特定字符串（例如“hideme”）的 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 属性隐藏图像，上述方法很好。