精通css3所有的选择器

灵活运用强大的CSS3选择器，学会选择器的使用，可以直接将样式与元素绑定起来，之前我们需要使用JavaScrip实现的功能，现在只需要用CSS3就能轻松搞定。
1 CSS3选择器 属性选择器
2 CSS3 结构性伪类选择器—root
3 CSS3 结构性伪类选择器—not
4 CSS3 结构性伪类选择器—empty
5 CSS3 结构性伪类选择器—target
6 CSS3 结构性伪类选择器—first-child
7 CSS3 结构性伪类选择器—last-child
8 CSS3 结构性伪类选择器—nth-child(n)
9 CSS3 结构性伪类选择器—nth-last-child(n)
10 CSS3 first-of-type选择器
11 CSS3 nth-of-type(n)选择器
12 CSS3 last-of-type选择器
13 CSS3 nth-last-of-type(n)选择器
14 CSS3 only-child选择器
15 CSS3 only-of-type选择器

UI元素状态伪类选择器也是CSS3选择器模块组中的一部分，此类选择器主要运用于form表单元素上，用来提高网页的人机交互、操作逻辑以及页面的整体美观。
1 CSS3选择器 :enabled选择器
2 CSS3选择器 :disabled选择器
3 CSS3选择器 :checked选择器
4 CSS3选择器 ::selection选择器
5 CSS3选择器 :read-only选择器
6 CSS3选择器 :read-write选择器
7 CSS3选择器 ::before和::after
8 切换背景图像综合练习题