如何制作父母 - ＆gt; css中的节点关系？

Question

有人可以帮助我在css中解决这个parent -> node关系 为清楚起见，让我们看一些例子：

Css: Parent and child relationship

规则：

1. 所有第一位父母应该用蓝色
着色
2. 所有子母项应以橙色
着色
3. 所有孩子都应该用绿色着色

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

这意味着：

Parent1-child2-Subparent1-child1  

和

Parent1-child2-Subparent1-child2  

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

Answer 1

@Chowlett

我一直认为，代码不是法律，而是逻辑 这是Solution

我刚补充说：

a + .jqtree-title  

这里：

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

即使在深层次的树形层次上，一切都能正常工作。

Answer 2

目前的CSS Selectors Level 3模块中没有选择器。但是，Selectors Level 4模块提供了一种方法来确定＆＃34;选择器的主题＆＃34; 。

话虽如此，没有浏览器可以实现这种行为，因为CSS4：选择器仍然是一个工作草案。您必须使用JavaScript。