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; 
}