我可以将多个CSS3类应用于元素吗？

Question

我对此有不同的看法。这是否允许在 CSS HTML5：

中

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

将one-class和another-class的属性应用于元素？

---

Re downvote：是的，我试过了，它确实有效。但这并不代表它的良好做法。例如，可以弃用它。

Answer 1

是的，这是允许的。

根据HTML规范的class属性：

  

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

http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.2

Answer 2

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

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

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

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

Answer 3

是。要同时选择：

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

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

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

将两种风格结合在一起。