【CSS属性】选择器

元素

例子	描述
:root	选择文档的根元素。
p:empty	选择没有子元素的每个 p 元素（包括文本节点）
div + p	紧跟在 div 后的第一个 p 元素，即前面紧跟一个 div 的 p 元素都会被选中
div ~ p	选择 div 后的所有 p 元素
p:first-of-type	选择一个标签下的第一个 p 元素（只有一个 p 元素时也生效）
p:last-of-type	如果一个标签下面有 p 元素，则选择第一个 p 元素 ，注意必须是同一个父级下
p:only-of-type	如果一个标签下 p 元素只有一个，选择这个 p 元素
p:nth-of-type(2)	选择属于其父元素第二个 p 元素的每个 p 元素
:not(p)	选择非 p 元素的每个元素（括号中为选择器）

属性

例子	描述
[target = '123']	target 属性为 123 的元素，注意属性值要加引号
[target]	选择带有 target 属性所有元素
[lang ^= 'en']	选择 lang 属性值以 "en" 开头的所有元素
[src $= ".pdf"]	选择其 src 属性以 ".pdf" 结尾的所有元素
[src *= "abc"]	只要包含对应字符串就行，如：’abcde‘
[src ~= 'abc']	选择 title 属性包含单词 "fl" 的所有元素，如 ’name fl gg‘， 独立的字段

A 标签

例子	描述
a:link	选择所有未被访问的链接（点击前）
a:visited	选择所有已被访问的链接（点击后）
a:active	选择活动链接（鼠标按下未抬起时，注意此选择器权重低于其他三个）
a:hover	选择鼠标指针位于其上的链接
a:target	选择当前活动的 a 元素

表单、文本

例子	描述
p:first-letter	选择每个 p 元素的首字母（中文也生效）
p:first-line	选择每个 p 元素的首行（权重低于 first-letter）
input:enabled	选择每个启用的 input 元素。
input:disabled	选择每个禁用的 input 元素
input:checked	选择每个被选中的 input 元素。
::selection	选择被用户选取的文本

参考

CSS 选择器参考手册