CSS中的新IMG类

Question

我正在尝试创建一个新的img类，以便我可以在不影响原始img类的情况下为其添加属性。

示例：

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

任何人都可以建议我如何在CSS中执行此操作

Answer 1

class属性允许应用于元素的以空格分隔的类列表。

例如，以下将导致图像宽40像素，高20像素：

<强> HTML

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

<强> CSS

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

Answer 2

您可以在HTML元素上有多个类，由空格分隔。它比从两者获得风格。 所以在HTML中：

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

和CSS：

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

虽然第一张图像仅指定了宽度，但第二张图像也有高度定义。