CSS3教程:新增加的结构伪类
相关阅读文章：CSS3属性选择符介绍
4.7.3 结构伪类（Structural pseudo-classes）
CSS 3增加了大量的结构伪类，利用文档结构树来实现表现，从而可以减少页面内class属性和ID属性的定义，使得文档更加简洁。
1. E:root
匹配文档的根元素。在(X)HTML中，根元素就是html元素。例如：
:root { border: 1px solid blue; }在(X)HTML文档中，其效果等同于：
html { border: 1px solid blue; }2. E:nth-child(n)
匹配所有在其父元素中排第n个的E元素。n可以是数字/关键字/公式，例如：
tr:nth-child(3) { } /* 匹配所有表格里面排第3的行tr */tr:nth-child(2n+1) { } /* 2n+1，公式，匹配所有奇数行 */tr:nth-child(od...[ 查看全文 ]
2016-02-19
标签:
