淘先锋技术网

首页 1 2 3 4 5 6 7

CSS的组合选择器是指将两个或多个选择器进行组合,以便更精确地选择特定的元素。常见的组合选择器有:


- 后代选择器(子孙选择器)
- 相邻兄弟选择器
- 通用兄弟选择器
- 群组选择器

css组合选择器教学

后代选择器使用空格分隔两个选择器,选择所有后代元素。


父元素 div 后代元素 p{…}

相邻兄弟选择器使用加号“+”连接两个选择器,选择紧随其后的兄弟元素。


元素1 + 元素2{…}

通用兄弟选择器使用波浪号“~”连接两个选择器,选择同属于其父元素的兄弟元素。


元素1 ~ 元素2{…}

群组选择器使用逗号“,”分隔两个或多个选择器,在同一个样式规则中同时定义多个元素。


元素1,元素2,元素3{…}

组合选择器的使用能够提高CSS选择元素的精确度,同时也能简化CSS样式表的代码量。