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

时间:2011-07-20 14:54:10

标签: css css-selectors wildcard

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

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

1 个答案:

答案 0 :(得分:108)

使用此CSS3 attribute selector

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

我更倾向于使用hideme类,但如果您必须根据其src属性隐藏图片,则上述情况正常。