[分享]css两个类连着中间有

在CSS中，我们可以使用两个类连着中间有“空格”来为HTML元素添加样式。这种方法被称为“选择器链”。 例如，假设我们有以下HTML代码： 这是一个带有两个类的段落。 我们可以使用以下CSS代码来...

在CSS中，我们可以使用两个类连着中间有“空格”来为HTML元素添加样式。这种方法被称为“选择器链”。
例如，假设我们有以下HTML代码：

<div class="container">
  <p class="highlight bold">这是一个带有两个类的段落。</p>
</div> 

我们可以使用以下CSS代码来为“highlight”和“bold”类设置样式：

.highlight.bold {
  color: red;
  font-weight: bold;
} 

这将影响所有同时具有“highlight”和“bold”类的元素，即以上HTML代码中的“p”元素。
如果我们只想为一个特定元素设置样式，那么可以组合使用类选择器和标签选择器：

p.highlight.bold {
  color: red;
  font-weight: bold;
} 

这将只影响带有“highlight”和“bold”类的“p”元素，而不是其他类型的元素（如“div”等）。
选择器链是一个非常有用的CSS技巧，可以让我们更准确地控制HTML元素的样式。