1个div的2个类，类名称中有空格

Question

我想给一个div 2个类，但是，其中一个类名有一个空格。我想给一个div "section scrollspy"类和carousel类。

是否会在课程之间留一个空间？

例如：

<div class="section scrollspy carousel">

或者有更好的方法吗？

Answer 1

类名中的空格无效，正常的方法是使用连字符而不是空格，这样就可以了：

<div class="section-scrollspy carousel">

Theres是一篇很好的帖子here，讨论了有效的CSS名称。

Answer 2

如果你想保留空格字符，你必须更新你的css：

.section.scrollspy {
   // css rules
}

但它仍然是两类。如果你只想使用一个课程，你将不得不使用Peter Featherstone的答案：

  

<div class="section-scrollspy carousel">