可以使用逗号将多个类分配给一个元素吗？

Question

我刚刚在我正在工作的网站上遇到了这个。它是我以前没有见过的东西，并且在任何地方都找不到任何解释，所以希望有人能解释一下。

因此，我遇到了一个用以下格式标记了 2 个类的元素：

<div class = "class1, class2"></div>

我以前从未见过像这样分配给一个元素的多个类..对我来说它看起来像一个选择器..我希望它们像这样添加：（不带逗号）

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

这是我以前从未遇到过的有效 CSS，还是我刚刚在页面上发现了一个有点奇怪的错误？

Answer 1

只是为了添加一些比迄今为止其他答案更多的信息：

1. 正确的语法（就像每个人都说的那样）是第二个 - 用空格分隔。
2. 如果您使用第一个（逗号分隔），则后面直接带有逗号的类将不会应用，但任何其他类都会应用。例如：

<div class="class1, class2">

将仅将 class2应用于div。

<div class="class1 class2,">

仅适用于class1

<div class="class1 , class2">

将成功申请这两个课程。

<div class="class1,class2">

都不会加载

请注意，这扩展到两个以上的类：class="class1 class2, class3"例如，将应用 class1 和 class3。

事实证明，您尝试添加的任何包含无效或未转义特殊字符（请参阅此处和此处）的类名都不会加载，但它不会阻止其他有效类名的加载。因为类是用空格分隔的，所以 DOM 解释"class1, class2"为两个类class1,和class2，并确定class1,为无效，因为,是 CSS 中的特殊字符。