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

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