在 CSS 中，复合选择器是由多个简单选择器组合而成的。常见的复合选择器类型包括：
后代选择器：用一个空格隔开的两个简单选择器，表示匹配一个元素的后代元素。例如：.parent .child {}。
子元素选择器：用一个大于号(>)隔开的两个简单选择器，表示匹配一个元素的子元素。例如：.parent > .child {}。
相邻兄弟选择器：用一个加号(+)隔开的两个简单选择器，表示选取紧接在另一个元素后的元素。例如：.first + .second {}。
通用兄弟选择器：用一个波浪号(~)隔开的两个简单选择器，表示选取与另一个元素有相同父元素、在其后面的所有同级元素。例如：.first ~ .second {}。
属性选择器：根据元素的属性和属性值来选择元素。例如：a[target='_blank'] {}。
伪类选择器：根据元素的状态或位置来选择元素。例如：:hover {}。
伪元素选择器：用于向某些选择器的特定部分添加修饰效果。例如：::before {}。
这些复合选择器可以通过组合使用来更精确地选择特定的元素。例如可以使用 .parent .child:first-child {} 来选择父元素中第一个子元素。
京公网安备 11010802030320号