快速CSS問題

我可以在所有JPEG圖像上應用筆畫，而不使用其他圖像類型（如PNG），使用css樣式表。我將如何做到這一點？謝謝。快速CSS問題

你可以嘗試：

img[src$='.jpg'] { 
    border: 1px solid #000; 
}

2011-09-12 00:28:00 pricco

完美..謝謝！ –

爲所有JPEG圖像提供類似class="jpeg"的類，並將樣式應用於類。

2011-09-12 00:25:41 tskuzzy

我將不得不手動添加到每個jpeg？我已經有了大量的jpeg，所以這將非常耗時..其他方式？ –

只要做一個查找和替換。找到'.jpg'並替換爲'.jpg'class =「jpeg」'。 – tskuzzy

如果添加一個類是不是一種選擇，你也可以嘗試：

img[src$=".jpg"], img[src$=".jpeg"] { 
    /* do whatever you need to here */ 
}

2011-09-12 00:28:37

簡短的回答：沒有單獨的CSS沒有可靠的方法。

長答案：您可以使用[attribute$='end of value']方式（img[src$='jpg'],img[src$='jpeg'] { /* CSS properties*/ }），但它是CSS 3，並且在大多數瀏覽器中都不正確支持。

解決方法可能會有所不同。你可以像tskuzzy回答那樣向這些人申請一個課程。我假設你正試圖避免這種「手動應用到每個圖像」的方式，所以，我會說使用JavaScript來做到這一點。這個選擇器雖然不能在CSS中工作，但是在jQuery中可以工作，即使在IE6中也是如此（在瀏覽器中速度不同，但可用）。

喜歡的東西

的jQuery：

$("img[src$='jpg'],img[src$='jpeg']").addClass("jpeg");

CSS：

img.jpeg { /* style here */ }

2011-09-12 00:32:50 Meligy

你的短期和長期回答互相矛盾。編輯修改。 – joshnh

用不同的詞更新。現在檢查。 – Meligy

我做了進一步的修改。他們實際上有很大的支持。 – joshnh

如果你想在你的頁面中的所有JPG和JPEG應用中風。你應該像這樣嘗試CSS屬性選擇器。

IMG [SRC $ = 「JPG 」]，IMG [SRC $ =「 JPEG」。] {

邊界：1px的固體＃000;

}

2015-09-25 08:16:26

回答