css复合选择器有几种

CSS复合选择器是指通过多个选择器的组合来选择元素进行样式设置，而不是单独使用一个选择器。目前的CSS复合选择器有四种：

1. b>
    后代选择器/b>
    后代选择器使用空格来连接两个或两个以上的选择器，选择的是父元素下面所有符合条件的子元素。例如：ul li：选择所有ul下面的li元素。div p span：选择所有div下面的p下面的span元素。2. b>
    子选择器/b>
    子选择器使用大于号(>
    )来连接两个选择器，选择的是父元素下面第一层符合条件的子元素。例如：ul >
     li：选择所有ul下面第一层的li元素。div >
     p >
     span：选择所有div下面第一层的p下面的span元素。3. b>
    相邻兄弟选择器/b>
    相邻兄弟选择器使用加号(+)来连接两个选择器，选择的是紧挨在前一个选择器后面的符合条件的下一个兄弟元素。例如：p + span：选择紧挨在p元素后面的第一个span元素。h2 + p + div：选择紧挨在h2元素后面的第一个p元素后面的第一个div元素。4. b>
    通用兄弟选择器/b>
    通用兄弟选择器使用波浪号(~)来连接两个选择器，选择的是同级中所有符合条件的兄弟元素。例如：p ~ span：选择所有在p元素后面的span元素。h2 ~ p ~ div：选择所有在h2元素后面的p元素后面的div元素。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！