選擇所有的PNG圖像

如何申請一個CSS樣式只是PNG圖像？選擇所有的PNG圖像

.pngImages {opacity:0.75} 
.pngImages:hover {opacity:1}

我有包含重複PNG文件多頁。如何申請這一類所有的人都沒有指定IMG class="pngImage" ...

一個這樣的事，但只是png圖片：

div {background-color:#ddd}

所有的圖像都PNG或有些是GIF，JPG等？ – Nitesh

有沒有你不想要添加類屬性的一個原因？ – Gevious

良好的創造性問題+1。但是，我不認爲有一個特定的CSS解決它。 - @ user2586454 – Nitesh

您可以使用屬性選擇

img[src$=".png"]

這會選擇所有png圖像

2013-08-07 06:08:08

參考：http：//www.w3.org/TR/css3-selectors/請參閱：'E [foo $ =「bar」]' –

只有可能的問題會是''，如果你有一些路由到動態輸出或正在使用查詢字符串進行緩存清除，或者如果您有像「PNG」或「Png」這樣的混合大小寫（可能有更多似是而非的例外）。這是更正確的說，它選擇其'src'與準確'.png'結束所有圖像。 –

假設您只需要照顧<img>標記，而不是背景圖像：

img[src$='.png'] { 
    background-color: #ddd; 
}

這基本上選擇誰在.png

2013-08-07 06:09:25 godfrzero

結束的src屬性值可以使用[attribute$='value']選擇做形象標籤：

img[src$=".png"] { opacity:0.75; } 
img[src$=".png"]:hover { opacity:1; }

2013-08-07 06:09:58 sharcashmo

我認爲你應該能夠使用屬性選擇器1做這個例如：

img[src$=".png"]{border:2px solid #8c0000;}

您可能需要在Internet Explorer中對其進行測試，以確保它被拾取。

2013-08-07 06:11:10 acwo3

回答