分组选择器

指定同时选择 A 和 B 元素。这是一种选择多个匹配元素的分组方法。

选择器列表

分组选择器 即是用 , 将两个或者多个选择器隔开，表示选择多个匹配的元素。

,

用 , 将两个或者多个选择器隔开，表示选择多个匹配的元素

代码示例

<div>
   <h1>Hello World!</h1>
   <p>
      <span>example</span>
   </p>
</div>

div h1,
div p span {
  /** 选择 div 元素的后代 h1 元素，同时也选择 div 元素的后代 p 元素的后代 span 元素 */
  color:red;
} 

ℹ️提示

到这里便是 CSS选择器 的相关知识了，CSS选择器 在实际项目中的应用场景十分广泛，学会合理巧妙的利用它们，你将能够制作出许多优美、惊艳的效果出来！

更多关于 CSS选择器 的知识请前往 MDN