css - 如何在CSS中建立父节点-->节点关系？

Question

谁能帮我修复 css 中的 parent -> node 关系。
为了清楚起见，让我们看一些例子:

Css: Parent and child relationship

规则:

1. 所有第一个 Parent 应该涂成蓝色
2. 所有的子父项都应该是橙色
3. 所有 child 都应该染成绿色

如果它有 1 个或多个子节点/子节点，则它被视为父节点。
如果它没有子节点/子节点，则将其视为子节点。

意思是:

Parent1-child2-Subparent1-child1  

和

Parent1-child2-Subparent1-child2  

应该涂成绿色。
不允许使用脚本。只有 css 应该尽可能跨浏览器兼容。请帮忙，我无法弄清楚它的逻辑。

Answer 1

@乔利特

我一直相信，代码不是法律，而是逻辑。
这是 Solution

我刚刚添加:

a + .jqtree-title  

这里:

#tree1 .jqtree-tree > .jqtree-folder .jqtree-folder div  a + .jqtree-title
{
    color:orange;
}  

即使在深树层次结构上，一切也能正常工作。