如何爲所有圖像默認添加css類

Question

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

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

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

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

Answer 1

你可以只使用：

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"); 

Answer 2

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

你應該使用：

img { 
    //Your css here 
} 

Answer 3

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

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

img {border:solid 1px #000;} 

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

希望這會有所幫助。