1. 元素选择器
作用:根据标签名来选中指定的元素
语法:标签名
例子:p{} div{} span{}
2. id选择器
作用:根据元素的id属性值,选中一个元素
语法:#id
例子: #p1{} #box{}
3. 选择器分组(并集选择器):
作用:可以同时为多个选择器设置同样的样式
语法:选择器1, 选择器,...选择器N
例子:#p2, div, span {}
4.类选择器
作用:根据元素的class属性选中元素
语法:.class
例子:.p1{} .box{}
5. 通配选择器
作用:选中页面中的所有元素
语法:*
6.交集选择器
作用:选中同时符合多个选择器的元素
语法:选择器1选择器2...选择器N
例子:
div.box{}
7.后代元素选择器
作用:选中指定元素的指定后代
语法:祖先 后代{}
例子: div span{}
8. 子元素选择器
作用:选中指定父元素的指定子元素
语法:父元素 > 子元素
9.兄弟元素选择器
作用:选中指定的元素的兄弟元素
语法:兄 + 弟 {}
选择紧随其后的一个兄弟元素
语法:兄 ~ 弟 {}
选择其后边所有兄弟元素