CSS 分组 和 嵌套 选择器

CSS 分组选择器允许你将多个选择器组合到一起，以便为它们应用相同的样式。CSS 嵌套选择器允许你选择嵌套在其他元素内部的元素，并仅为这些特定的嵌套元素应用样式。

CSS 分组选择器：

1 2 3

h1, h2, h3 {     color: blue; /* 将 h1、h2 和 h3 元素的文本颜色都设置为蓝色 */ }

在这个例子中，h1, h2, 和 h3 元素都将被选择，并且它们的文本颜色都会设置为蓝色。

CSS 嵌套选择器：

1 2 3 4 5 6 7 8 9 10 11

#container {     background-color: #f0f0f0; /* 设置容器的背景颜色 */ } #container p {     font-size: 16px; /* 设置容器内部的段落文本大小 */ } #container p a {     color: blue; /* 设置容器内部的段落中的链接颜色 */ }

在这个例子中，只有在 #container 元素内部的段落文本和链接才会应用相应的样式，其他地方的段落和链接不受影响。

分组选择器和嵌套选择器可以帮助你编写更简洁、可读性更好的 CSS 代码，使样式表更易于维护和管理。