CSS per selezionare il livello più alto di un

Question

ul

li > ul > li seleziona tutti gli elementi li che sono più profondi del primo livello di un ul.

li seleziona tutti gli elementi li

li:not(li > ul > li) dovrebbe selezionare tutti li elementi che sono non più profondo del primo livello di un ul --that è, solo gli elementi di primo livello - ma non lo fa. Perché?

Grazie!

Answer 1

Il motivo li:not(li > ul > li) non funziona perché li > ul > li non è un semplice selettore (come Felix Kling ha annotato nei commenti alla tua domanda).

Il modo più semplice per ottenere il livello superiore è quello di dare una classe o ID al esterna più ul e poi fare:

.ulClassNameOrID > li {} 

Tuttavia, il seguente ottiene ciò che si desidera anche (see fiddle) come fa non selezionare qualsiasi ul che è un figlio diretto di una precedente li (quindi non è un elenco secondario di dell'elenco esterno):

:not(li) > ul > li {}