总结 CSS3 选择器

层次

E F
E > F
E + F
E ~ F

动态伪类

E:link
E:visited
E:active
E:hover
E:focus
爱恨原则 LoVe/HAte

目标伪类

IE 9开始支持
E:target (没看懂 章节2.5)

语言伪类

为文档指定语言,有两种方法可以表示。
如果使用 HTML 5,直接可以设置文档的语言。例如:

<!DOCTYPE HTML>
<html lang="en-US">

一种方法就是手工在文档中指定 lang 属性,并设置对应的语言值。例如:

<body lang="fr">

E:lang(language) 表示选择匹配 E 的所有元素,且匹配元素指定了 lang 属性,而且其值为 language。

UI 元素状态伪类

表单元素
E:cheched
E:enabled
E:disabled

结构伪类

参数 n

:nth-child(n)
:nth-last-child(n)
:nth-of-type(n)
:nth-last-of-type(n)

第一个元素 为1
n 可以是(1,2,3,4),关键字(odd,even),公式(2n+1,-n+5)

公式:
n*a 如:2n (2,4,6,8)
n+a 如:n+3 (3,4,5,6)
-n+a 如:-n+3 (3,2,1) n从零开始数
n*a+b 如:2n+1 (1,3,5,7)

否定伪类

:not()

伪元素

:before :after
CSS3 增加一个冒号,表示是一个伪元素
::first-letter
::first-line
::before
::after
::selection

属性选择器

同jQuery