是否有可能创建一个CSS规则,将样式应用于任何包含特定字符串的SRC的IMG标记,如“hideme”?例如,如果我在页面上有以下3张图片,它会隐藏第二张图片?CSS隐藏所有具有匹配SRC属性的图像
<img src="images/test1.png">
<img src="images/hideme.gif">
<img src="images/test3.jpg">
是否有可能创建一个CSS规则,将样式应用于任何包含特定字符串的SRC的IMG标记,如“hideme”?例如,如果我在页面上有以下3张图片,它会隐藏第二张图片?CSS隐藏所有具有匹配SRC属性的图像
<img src="images/test1.png">
<img src="images/hideme.gif">
<img src="images/test3.jpg">
使用此CSS3 attribute selector:
img[src*="hideme"] {
display: none;
}
我宁愿使用一个hideme
类代替,但如果你必须根据其src
属性隐藏图像,上面是好的。
像往常一样,一些版本的IE已知有CSS3属性选择器的错误。 SitePoint参考很有用:http://reference.sitepoint.com/css/css3attributeselectors – BoltClock
该链接非常有用,谢谢 –
工作完美。 –
你可以提供更多关于你使用这种情况的信息吗? –
这只是一个“流行的问题”,我希望我记得为什么我甚至想这样做:) –