css - 如何在 CSS 中选择 child

Question

这是我的 CSS 片段:

div.orgChart  div.node.level2 {
    background-image      : linear-gradient(to bottom, #FFFFFF, #00C)!important;
}

现在我需要为 3 级及以下的所有 child 添加另一条规则:

div.orgChart div.node.level3、div.orgChart div.node.level4、div.orgChart div.node.level5等

我该怎么做？

谢谢

Answer 1

您不能使用 css3 选择它。

我会用另一种方式来做:首先选择所有节点，然后覆盖 level2:

div.orgChart  div.node {
    background-image: Something here that should be used for all these non level2 nodes;
}

div.orgChart  div.node.level2 {
    background-image: linear-gradient(to bottom, #FFFFFF, #00C)!important;
}

由于特殊性 level2 将获得第二个定义而不是第一个。一定要覆盖第一个定义中定义的所有内容。