css - ULのトップレベルを選択するCSS

Question

li > ul > lilia の最初のレベルよりも深いすべての要素を選択しulます。

liすべての li 要素を選択します

li:not(li > ul > li)liは、a の最初のレベルよりも深くないすべての要素 (つまりul、最初のレベルの要素のみ) を選択する必要がありますが、そうではありません。なんで？

ありがとう！

Answer 1

li:not(li > ul > li)機能しない理由はli > ul > li、が単純なセレクターではないためです (Felix Kling が質問へのコメントで指摘したように)。

トップ レベルを取得する最も簡単な方法は、最も外側にクラスまたは ID を指定してからul実行することです。

.ulClassNameOrID > li {}

ただし、以下は、前の直接の子であるものを選択しないため（ fiddle を参照）、必要なものも取得します（したがって、外側のリストのサブリストではありません）：ulli

:not(li) > ul > li {}