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

原文地址:https://www.cnblogs.com/xlj-code/p/6085829.html