CSS3 常用新特性总结

更新于（2017.07.07）会总结项目中比较常用的有些CSS属性

伪类选择器

1. E:first-of-type: 匹配同类型中的第一个同级兄弟元素E
2. E:last-of-type: 匹配同类型中的最后一个同级兄弟元素E
3. E:first-child: 匹配其父元素的第n个子元素，第一个编号为1
4. E:last-child: 匹配其父元素的倒数第n个子元素，第一个编号为1
5. E:nth-child(n): 选择属于其父元素的第n个子元素的
6. E:nth-last-child(n): 选择属于其父元素的倒数第n个子元素的
7. E:only-child: 选择属于其父元素的唯一子元素(只有一个才能被选中)
8. E:only-of-type: 选择属于其父元素唯一的同级兄弟元
9. E:nth-of-type(n)：匹配同类型中的第n个同级兄弟元素E。
10. E:nth-last-of-type(n)：匹配同类型中的倒数第n个同级兄弟元素E

 

---

 超链接状态顺序：

1. a:link ：设置超链接a在未被访问前的样式
2. a:visited ：设置超链接a在其链接地址已被访问过时的样式
3. a:hover ：设置元素在其鼠标悬停时的样式
4. a:active ：设置元素在被用户激活（在鼠标点击与释放之间发生的事件）时的样式

---

 

1. :root: 选择文档的根元素
2. E:empty: 选择没有子元素的每个E元素（包括文本节点)。
3. E:checked: 匹配用户界面上处于选中状态的元素E。(多数用于input type为radio与checkbox时)
4. E:enabled: 选择每个启用的E元素（文本框没有disabled属性的）
5. E:disabled: 选择每个禁用的E元素（文本框有disabled属性的）
6. E::selection: 选择被用户选取的元素部分。