Stil yalnızca ilk düzeydeki alt öğelere uygulanma

Question

<ul> 
    <li> <span> apply </span> </li> 
    <li> <span> apply </span> </li> 
    <li> 
    <ul> 
     <li> <span> ignore </span> </li> 
     <li> <span> ignore </span> </li> 
    </ul> 
    </li> 
</ul> 

Bir CSS kuralını yalnızca birinci düzeydeki açıklıklı öğelere nasıl uygulayabilirim ve iç içe geçmiş listeden span öğelerini kuralı yoksayar?

Bu, 2. düzey açıklıktaki özellikleri özellikle sıfırlamadan yapılabilir mi?

ul > li span denedik ancak işe görünmüyor , ben stiller örneğin <div id="ul-wrapper"> için de

Answer 1

kimliğine sahip bir sarma div listenizi koy 2 seviyesinde geçerli olsun ve deneyin:

#ul-wrapper > ul > li > span { 
    /* my specific CSS */ 
} 

Answer 2

#container > ul > li span { /* - Your CSS Here - */ } 

Bir kap belirtmeniz gerekir, böylece yalnızca birinci düzey ul seçilebilir.

Answer 3

ul > li > span {border:solid 1px red;} 
li > ul > li > span {border:none 1px red;}; 

Answer 4

sürece dış ul ebeveyni başka li olmadığı için, size seçicinin için başlangıç ​​noktası olarak (örneğin varsayarak bir div var) olduğunu kullanabilirsiniz: Ne unsurdur

div > ul > li span { 
    /* Whatever */ 
}