我可以为一个元素应用多个CSS3类吗？

Question

我看到对此有不同的观点。在HTML5中是否允许这样做：

使用以下代码将`one-class`和`another-class`的属性应用于元素：

```html

...

```

关于下投票：是的，我尝试过它，并且它确实有效。但这并不意味着这是一个良好的做法。例如，它可能已被弃用。

- Geert Goeteyn

---

这不是CSS3，也不是CSS。这是HTML。 - BoltClock

你本可以试一下的... - Philipp Sander

这是一个好问题。+1 取消不合理的踩。 （确实可能是 Philipp 提到的原因） - Federico Russo

那个原因是由提问者@Federico给出的 :) - BoltClock

这被关闭为“离题”？？？什么鬼？ - Federico Russo

Answer 1

是的，可以使用。

根据HTML规范，class属性：

"该属性为元素分配一个类名或一组类名。任何数量的元素都可以被分配相同的类名或名称集合。多个类名必须由空格字符分隔。"

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

- Guffa

Answer 2

是的，这是可能的。您可以将多个类名称添加到任何元素的class属性中。同时，请注意在class属性中使用不同类的不同属性将应用于该元素。

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

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

输出中包含文本"My Text"将以粗体和红色显示。

- Aniket Nimje

Answer 3

是的。要同时选择，请使用以下方法：

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

将代码进行扩展是非常常见的，例如定义一个button类和button-important类，然后使用：

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

同时获取两种样式。

- Rich Bradshaw