2011-07-20 101 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

工作完美。 –