CSS的组合选择器是指将两个或多个选择器进行组合,以便更精确地选择特定的元素。常见的组合选择器有:
- 后代选择器(子孙选择器) - 相邻兄弟选择器 - 通用兄弟选择器 - 群组选择器
后代选择器使用空格分隔两个选择器,选择所有后代元素。
父元素 div 后代元素 p{…}
相邻兄弟选择器使用加号“+”连接两个选择器,选择紧随其后的兄弟元素。
元素1 + 元素2{…}
通用兄弟选择器使用波浪号“~”连接两个选择器,选择同属于其父元素的兄弟元素。
元素1 ~ 元素2{…}
群组选择器使用逗号“,”分隔两个或多个选择器,在同一个样式规则中同时定义多个元素。
元素1,元素2,元素3{…}
组合选择器的使用能够提高CSS选择元素的精确度,同时也能简化CSS样式表的代码量。