CSS, aby wybrać najwyższy poziom ul

Question

li > ul > li wybiera wszystkie elementy li, które są głębsze niż pierwszy poziom ul.

li wybiera wszystkie elementy li

li:not(li > ul > li) należy wybrać wszystkie elementy, które są li nie głębiej niż w pierwszym poziomie ul czyli regulują to jedyne elementy pierwszego stopnia - ale tak nie jest. Czemu?

Dzięki!

Answer 1

Powód, dla którego li:not(li > ul > li) nie działa, ponieważ li > ul > li nie jest prostym selektorem (jak Felix Kling zauważył w komentarzach do twojego pytania).

Najprostszym sposobem na uzyskanie najwyższego poziomu jest dać klasę lub identyfikator zewnętrznej najbardziej ul a następnie wykonaj:

.ulClassNameOrID > li {} 

Jednak następujące dostaje to, czego pragnie również (see fiddle), jak to robi nie wybrać dowolną ul że jest bezpośrednim dzieckiem poprzedniego li (więc nie jest podmenu listy zewnętrznej):

:not(li) > ul > li {}