élément de liste à l'intérieur élément de la liste ne fonctionne pas CSS

Question

<ul> 
    <li>This 
      <li>and this</li> 
    </li> 
</ul> 

J'essaie de sélectionner le deuxième <li> en faisant:

li li { 
    background: "red"; 
} 

Pourquoi ça ne marche pas?

Answer 1

Il vous manque un ul ... Et le document n'est pas valide HTML5. Essayez celui-ci (ce qui est une bonne façon de listes de nidification):

<ul> 
    <li>This 
     <ul> 
      <li>and this</li> 
     </ul> 
    </li> 
</ul> 

Puis, en CSS:

ul li ul li { 
    background: "red"; 
} 

Plus de lire ici: Proper way to make HTML nested list?

Meilleures salutations, espérons qu'il aide!