html - 使用类名称中带有空格的 CSS 更改类

Question

如何更改 CSS 中类名称中包含空格的类？

我想修改这个类:

<div class="navbar-collapse collapse">

如何在 CSS 文件中选择它？

.navbar-collapse collapse{

}

好像不行。

Answer 1

您看到的空格表示 div 元素有多个类，而不是类名中的空格。

您可以在 CSS 中使用 .navbar-collapse 或 .collapse 定位此元素。

如果您只想影响具有这两个类的元素，您可以使用 .navbar-collapse.collapse。

.navbar-collapse {
  // CSS for elements with a class of 'navbar-collapse'.
}

.collapse {
  // CSS for elements with a class of 'collapse'.
}

.navbar-collapse.collapse {
  // CSS for elements with a class of both 'navbar-collapse' and 'collapse'.
}