在CSS中会有很多元素具有相同的样式，为了减少代码，我们可以使用分组选择器 h1 { color: green; } h2 { color: green; } p { color: green; } 下面的代码和上面的效果是一样的，不同的选择器之间我们用逗号进行分隔 h1,h2,p { color: green; } 嵌套选择器用于选择器内部的选择器的样式，例如 p{ }: 为所有 p 元素指定一个样式。 .a{ }: 为所有 class="a" 的元素指定一个样式。 .a p{ }: 为所有 class="a" …

css 7 种选择器： id 选择器 类选择器 伪类选择器 属性选择器 伪元素选择器 通配选择器 标签选择器 CSS 优先规则： 内联样式 > id 选择器 > 类选择器 = 伪类选择器 = 属性选择器 > 标签选择器 = 伪元素选择器 如下代码示例：