html - 我可以对一个元素应用多个 CSS3 类吗？

Question

我正在阅读对此的不同意见。这在~~CSS~~ HTML5 中是否允许：

<div class="one-class another-class">...

将两者的属性应用one-class到another-class元素？

重新投票：是的，我试过了，它确实有效。但这并不意味着这是好的做法。例如，它可能会被弃用。

score 6 · Accepted Answer

是的，这是允许的。

根据 HTML 规范的class属性：

“此属性为元素分配一个类名或一组类名。可以为任意数量的元素分配相同的类名或名称。多个类名必须用空格字符分隔。”

score 3 · Accepted Answer

是的，有可能。您可以将多个类名添加到任何元素的类属性。还要考虑到类属性中使用的不同类的不同属性将应用于元素。

.class1{
    color: red;
 }
.class2{
    font-weight: bold;
 }

<div class="class1 class2">My Text</div>

输出包含文本“我的文本”将以粗体和红色显示。

score 1 · Accepted Answer

是的。要同时选择：

.one-class.another-class {
    color:red;
}

像这样扩展代码是很常见的，例如通过定义一个button类和button-important类，然后使用：

<div class='button button-important'></div>

将两种风格结合在一起。

3 回答 3