[分享]css中怎么使用多个选择器

在 CSS 中，我们可以使用多个选择器来指定一个或多个元素。多个选择器可以让我们更灵活地控制样式，同时减少重复代码。.example { color: red; } p { fontsize: 16p...

在 CSS 中，我们可以使用多个选择器来指定一个或多个元素。多个选择器可以让我们更灵活地控制样式，同时减少重复代码。

.example {
  color: red;
}

p {
  font-size: 16px;
}

.example p {
  background-color: yellow;
} 

在上面的代码中，我们使用了三个选择器：.example、p 和 .example p 。其中，.example 是一个类选择器，它可以用来选中所有类名为 example 的元素；p 是一个元素选择器，它可以用来选中所有 <p> 标签；.example p 则是一个组合选择器，它可以用来选中所有属于类名为 example 的元素内部的 <p> 标签。

当我们使用多个选择器时，选择器之间需要用空格隔开。在上面的代码中，.example 和 p 之间有一个空格，表示选择类名为 example 的元素内部的所有 <p> 标签。

除了组合选择器，我们还可以使用逗号来分隔多个选择器。例如：

h1, h2, h3 {
  color: blue;
} 

上面的代码用逗号分隔了三个选择器：h1、h2 和 h3。这意味着所有的 <h1>、<h2> 和 <h3> 标签都将应用相同的样式。

总之，使用多个选择器能够让我们更好地控制网页的样式，同时避免重复代码。