css复合选择器主要种类:
- 后代选择器
后代选择器:祖标签/id/class+空格+子孙标签/id/class
例子:ul/#u/.u p{xxx:xxx;}
注意:不论p标签处于ul下的第几层都会生效
- 子代选择器
子代选择器:父标签/id/class+”>”+子标签
例子:ul>p{x:y;}
注意:只影响父标签的下一层
- 并集选择器
并集选择器:标签/id/class+“,”+标签/id/class
例子:p,em{x:y;}
- 属性选择器
- 属性选择器:[属性(=“属性值”)]
例子:[color = “blue”]{x:y;}
注意:可以用多个[]选择多个属性,选择同时满足多个属性的标签。