css - cssで親->ノード関係を作成するには?

Question

parent -> node誰かがCSSでこの関係を修正するのを手伝ってくれますか.
明確にするために、いくつかの例を見てみましょう。

Css: 親子関係

ルール:

1. すべての最初の親は青で着色する必要があります
2. すべてのサブ親はオレンジ色にする必要があります
3. すべての子は緑で着色する必要があります

1 つ以上のサブノード/子がある場合、親と見なされます。
サブノード/子がない場合は、子と見なされます。

その意味は：

Parent1-child2-Subparent1-child1  

と

Parent1-child2-Subparent1-child2  

緑色に着色する必要があります。
スクリプトは許可されていません。css のみ、可能な限り、クロス ブラウザ互換性を持たせる必要があります。助けてください、私はそれの論理を理解できません。

Answer 1

@チョウレット

私がいつも信じているように、コードは法律ではなく、論理です。
ここに解決策があります

私はちょうど追加しました：

a + .jqtree-title  

ここ：

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

そして、深いツリー階層でもすべてが正常に機能します。

Answer 2

現在のCSS セレクター レベル 3モジュールには、このためのセレクターはありません。ただし、セレクター レベル 4モジュールは、「セレクターのサブジェクト」を決定する方法を提供します。

そうは言っても、CSS4:Selectors はまだ作業中のドラフトであるため、その動作を実装するブラウザーはありません。JavaScript を使用する必要があります。