2014-01-22 67 views
3

將css類添加到所有圖像元素是一項冗長的任務,我想知道是否可以默認將css類添加到所有圖像。事情是這樣的:如何爲所有圖像默認添加css類

IMG {類:「懸停共享按鈕」;}

,但似乎該技術並沒有工作。這段代碼有什麼問題,或者我完全錯了嗎?普通的css很容易添加,但我們可以添加一個類嗎?

答案將不勝感激。我正在嘗試這個在http://geniusknight.weebly.com。 類屬性來自外部的js文件(addthis lab js),並且很抱歉將.img放在那裏,這是我的不好,但它仍然不起作用。你看我沒有這樣的CSS,因爲class屬性來自addthis腳本。

+1

爲什麼你需要將默認類應用於每個圖像?爲什麼不在JavaScript中? – fcalderan

+2

沒有點。只有'img {}' – tilda

+0

謝謝@tilda! :) – Geniusknight

回答

2

你可以只使用:

img { 

    // Your styles for all images 

} 

但是,如果你想默認類添加到所有圖像,你需要使用JavaScript:

var i, images = document.getElementsByTagName("img"); 

for(i = 0; i < images.length; i++) { 
    images[i].className += " hover-share-buttons"; 
} 

或更容易,如果你能夠使用jQuery:

$("img").addClass("hover-share-buttons"); 
+0

非常感謝Felix,那就是我一直在尋找的東西。 :) – Geniusknight

+0

@Geniusknight很高興幫助!如果您感到滿意,請不要忘記接受答案:) – Felix

+0

我該如何選擇或接受您的答案。我是新來的。 :) – Geniusknight

3

您需要單獨定位img標籤。目前,你通過在課堂前增加一段時間來將它當作班級對待。

你應該使用:

img { 
    //Your css here 
} 
0

'.img'選擇器引用所有具有名爲'img'的類的元素,這不是您所需要的。

您可以直接設置CSS規則的元素類型:

img {border:solid 1px #000;} 

這將CSS屬性定義的所有圖像元素。

希望這會有所幫助。

相關問題