首页 > 代码库 > CSS3 基于关系的选择器
CSS3 基于关系的选择器
| 选择器 | 选择的元素 |
A E |
元素A的任一后代元素E (后代节点指A的子节点，子节点的子节点，以此类推) |
A > E |
元素A的任一子元素E(也就是直系后代) |
E:first-child |
任一是其父母结点的第一个子节点的元素E |
B + E |
元素B的任一下一个兄弟元素E |
B ~ E |
B元素后面的拥有共同父元素的兄弟元素E |
你可以任意组合以表达更复杂的关系。
你还可以使用星号（*）来表示”任意元素“。
一般情况下，如果你提高了某个选择器的的确定度，你便提高它的优先级。
使用这个技巧，可以避免为大量标签指定 class 或 id 属性。CSS（引擎）会帮你做的。
在复杂设计中速度非常重要，避免使用复杂的依赖元素关系的规则可以使你的样式更有效率。
更多关于表格的例子，见 Tables。
CSS3 基于关系的选择器
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。