是否有可能創建一個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
該鏈接非常有用,謝謝 –
工作完美。 –
你可以提供更多關於你使用這種情況的信息嗎? –
這只是一個「流行的問題」,我希望我記得爲什麼我甚至想這樣做:) –