选择器列表

CSS 选择器列表（,）选择所有匹配的节点。选择器列表是以逗号分隔的多个选择器所组成的列表。

选择器列表是CSS中一种强大的工具，它允许开发者一次性为多个元素应用相同的样式规则。通过使用逗号分隔不同的选择器，可以减少代码重复，提高样式表的效率和可维护性。

例如，如果你想要为所有的标题元素（h1, h2, h3）设置相同的字体颜色，你可以使用选择器列表来实现：

h1, h2, h3 {
  color: blue;
}

上面的代码将同时为h1、h2和h3元素应用蓝色字体。这种写法比分别为每个元素编写单独的规则要简洁得多。

选择器列表不仅可以包含简单的元素选择器，还可以结合各种复杂的选择器类型，如类选择器、ID选择器、属性选择器等。例如：

.header, #main, div.special {
  margin: 10px;
}

这个例子中，我们为具有"header"类的元素、ID为"main"的元素，以及具有"special"类的div元素都设置了10px的外边距。

需要注意的是，选择器列表中的每个选择器都是独立的，它们之间没有特定的优先级关系。CSS的层叠规则仍然适用，后定义的样式会覆盖先定义的样式，具有更高特异性的选择器也会覆盖较低特异性的选择器。

选择器列表在响应式设计和移动优先的布局策略中特别有用，可以轻松地为不同屏幕尺寸或设备类型应用不同的样式规则。

总之，选择器列表是CSS中一个非常实用的功能，它可以帮助开发者编写更简洁、更高效的样式表，同时保持代码的可读性和可维护性。