在HTML元素上有多个独立的class属性是有效的吗？

Question

4

在HTML元素中使用多个独立的class属性是否有效？

像这样：

<div class="first-class" class="second-class">
</div>

我知道可以在一个class属性中放置多个类名，但我想知道是否允许以另一种方式进行，或者它是绝对禁止的？

- ria

如果您知道可以在一个单一的class属性中放置多个类名，那么为什么还要使用多个class属性呢？ - Ortiga

2

@Andre：因为在我的情况下，这样做会更方便——生成HTML的代码将更简单、更易于阅读。 - ria

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Diodeus - James MacFarlane · Accepted Answer

不，你只能有一个类属性。多个类用空格分隔。

<div class="first-class second-class"></div>

以下是来自HTML标准规范的参考文献：

在同一起始标签上，不得出现两个或多个属性的名称为ASCII大小写不敏感匹配。

如果解析器在标签中遇到一个已经有相同名称属性的属性，则会发生此错误。解析器将忽略所有这样重复出现的属性。