本文转载于:猿2048网站➯CSS3 常用新特性总结
更新于（2017.07.07）会总结项目中比较常用的有些CSS属性
伪类选择器
- E:first-of-type: 匹配同类型中的第一个同级兄弟元素E
- E:last-of-type: 匹配同类型中的最后一个同级兄弟元素E
- E:first-child: 匹配其父元素的第n个子元素，第一个编号为1
- E:last-child: 匹配其父元素的倒数第n个子元素，第一个编号为1
- E:nth-child(n): 选择属于其父元素的第n个子元素的
- E:nth-last-child(n): 选择属于其父元素的倒数第n个子元素的
- E:only-child: 选择属于其父元素的唯一子元素(只有一个才能被选中)
- E:only-of-type: 选择属于其父元素唯一的同级兄弟元
- E:nth-of-type(n)：匹配同类型中的第n个同级兄弟元素E。
- E:nth-last-of-type(n)：匹配同类型中的倒数第n个同级兄弟元素E
超链接状态顺序：
- a:link ：设置超链接a在未被访问前的样式
- a:visited ：设置超链接a在其链接地址已被访问过时的样式
- a:hover ：设置元素在其鼠标悬停时的样式
- a:active ：设置元素在被用户激活（在鼠标点击与释放之间发生的事件）时的样式
- :root: 选择文档的根元素
- E:empty: 选择没有子元素的每个E元素（包括文本节点)。
- E:checked: 匹配用户界面上处于选中状态的元素E。(多数用于input type为radio与checkbox时)
- E:enabled: 选择每个启用的E元素（文本框没有disabled属性的）
- E:disabled: 选择每个禁用的E元素（文本框有disabled属性的）
- E::selection: 选择被用户选取的元素部分。