2011-07-20 48 views
39

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

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

你可以提供更多关于你使用这种情况的信息吗? –

+2

这只是一个“流行的问题”,我希望我记得为什么我甚至想这样做:) –

回答

88

使用此CSS3 attribute selector

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

我宁愿使用一个hideme类代替,但如果你必须根据其src属性隐藏图像,上面是好的。

+1

像往常一样,一些版本的IE已知有CSS3属性选择器的错误。 SitePoint参考很有用:http://reference.sitepoint.com/css/css3attributeselectors – BoltClock

+0

该链接非常有用,谢谢 –

+0

工作完美。 –