CSS中的新IMG類

Question

我正在嘗試創建一個新的img類，以便我可以添加屬性而不影響原始img類。

例如：

<img class="Test" src="www.google.com"/> 

任何人都可以建議我怎麼能在CSS

Answer 1

你可以有多個HTML元素上的類，由空格分隔。它比從兩者獲取樣式。 所以在HTML：

<img class="old" src="image.jpg"> 
<img class="old new" src="image.jpg"> 

和CSS：

.old { width: 100px; } 
.new { height: 50px; } 

儘管第一圖像僅具有寬度分配，第二也具有高度的定義。

Answer 2

class屬性允許應用到的元素類的空間分隔的列表做到這一點。

例如，下面將結果是40像素寬20像素高的圖像：

HTML

<img class="Test another-class" src="www.google.com"/> 

CSS

.Test { 
    width: 40px; 
} 
.another-class { 
    height: 20px; 
}