css3新增选择器

CSS3新增选择器
一.伪类结构
：first-child 选中同级别的第一个标签
：last-child 选中同级别的最后一个标签
：only-child 选中父元素的唯一的子元素标签
：nth-child(n) 选中同级别的第n个标签
：nth-child(odd) 选中同级别的所有奇数标签
：nth-child(even) 选中同级别的所有偶数标签
：nth-child(2n+1) 选中同级别的第2n+1个标签
：nth-last-child(n) 选中同级别的倒数第n个标签
技巧：当 n<=0时，选择器选取无效，得到如下应用：
选取前5个元素 E:nth-of-type(-n+5)
选取后5个元素 E:nth-last-of-type(-n+5)

  2.同级别中同类型的第几个

格式：
：first-of-child 选中同级别的同类型的第一个标签
：last-of-child 选中同级别的同类型的最后一个标签
：only-of-child 选中父元素的唯一类型的某个标签
：nth-of-child(n) 选中同级别的同类型的第n个标签
：nth-of-child(odd) 选中同级别的同类型的所有奇数标签
：nth-of-child(even) 选中同级别的同类型的所有偶数标签
：nth-last-of-child(n) 选中同级别的同类型的倒数第n个标签

二．伪元素选择器

1 :first-letter 向文本的第一个字母添加特殊样式。
2 :first-line 向文本的首行添加特殊样式。
3 :before 在元素之前添加内容。
4 :after 在元素之后添加内容。
5.::selection：设置选中内容的样式
6.::target —— 可以为锚点目标元素添加样式

三.UI元素状态伪类
1 :enabled 如：input:enabled 选择每个启用的 元素。