css3 选择器
-
属性选择器
-
[attribute] 选择所有带有attribute属性元素 [div]{}
-
[attribute=value] 选择所有使用attribute="value"的元素 [div="box"]{}
-
[attribute^=value] 选择每一个attribute属性的值以"value"开头的元素 [div^="b"]{}
-
[attribute$=value] 选择每一个attribute属性的值以"value"结尾的元素 [div$="1"]{}
-
[attribute*=value] 选择每一个attribute属性的值包含子字符串"value"的元素 [src*="baidu"]{}
伪类选择器
-
:nth-child(n) li:nth-child(n) 选择该元素是其父元素的第n个子元素且为li(若不是li元素则不选则)
-
:nth-of-type(n) li:nth-of-type(n) 选择该元素是其父元素的第n个为li的子元素
-
:first-child li:first-child 指定只有当li元素是其父级的第一个子级元素
-
:last-child li:last-child 指定只有当li元素是其父级的最后一个子级元素
伪元素选择器
-
:first-letter p:first-letter 选择每一个<P>元素的第一个字母或者第一个汉字
-
:first-line p:first-line 选择每一个<P>元素的第一行
-
:before 在每个被选元素之前插入内容
-
:after 在每个被选元素之后插入内容