css3选择器

一、属性选择器

1、E[attr] 属性名，不确定属性值

2、E[attr="value"] 指定属性名，并指定确定属性值

3、E[attr^="value"] 指定属性名，属性值以value开头

4、E[attr$="value"] 指定属性名，属性值以value结束

5、E[attr*="value"] 指定属性名，属性值以包含了value

6、E[attr|="value"] 指定属性名，属性值是value或者是“value—”开头的

 

二、伪类选择器

1、:before 在元素前面添加内容（相当于行内元素）

2、:after 在元素后面添加内容（相当于行内元素）

3、nth-child(n) 父元素下的第n个子元素(n必须大于0)

4、nth-child(odd) 父元素下的奇数子元素（同nth-child(2n-1)）

5、nth-child(even) 父元素下的偶数子元素（同nth-child(2n)）

6、nth-child(an+b) 公式计算 （n可以为0）

7、nth-last-child(n) 倒数第n个子元素

8、nth-last-of-type 父元素下的倒数第n个指定类型的子元素 

9、first-child 选择父元素下的第一个子元素

10、last-child 选择父元素下的最后一个子元素 

11、only-child 选择父元素下唯一的子元素

12、only-of-type 选择父元素下指定类型的唯一子元素

13、root 选择文档的根目录，返回html