CSS選択階層セグメント

Question

私には奇妙な質問があります。クラスに基づいて階層のセグメントを選択するセレクタを作成するにはどうすればよいですか。ない（）擬似クラス：例えば私はこの

.start-selection, .start-selection *:not(.end-selection, .end-selection *){ 
    /*styling...*/ 
} 

のようなものを考えていたが、あなたは、化合物のセレクタを持ってカントので、それが動作するようには思えない

<node class="start-selection"> 
    <node> 
     <node>content affected</node> 
    </node> 

    <node> 
     <node>content affected</node> 
    </node> 

    <node class="end-selection"> 
     <node> 
      <node>content not affected</node> 
     </node> 
    </node> 

    <node> 
     <node>content affected</node> 
    </node> 
</node> 

ような何かをしたいです。 JavaScriptを使用するためにこれを達成できる唯一の方法はありますか？ありがとう。

Answer 1

純粋なCSSで行うのですか不可能ですが、少しスクリプトはトリック

var els = document.querySelectorAll(".end-selection *"); 
for (i = 0; i < els.length; i++){ 
    els[i].className += " end-selection-child"; 
} 

そしてCSS行う必要があります。

.start-selection *:not(.end-selection):not(.end-selection-child){ 
    background:blue; 
} 

デモ：私は見https://codecanister.com/Project/d547eed9/3/result

Answer 2

CSSを使用するのは本当に不可能です。 100％。