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。

转载于:https://www.cnblogs.com/kzwrcom/p/6244246.html