limiter le style aux premiers éléments de niveau

Question

J'utilise le style suivant et le code HTML pour la liste des articles

li.DC a > ins.jstree-icon{ 
height:22px; width:350px; border:#999999 1px solid; margin-bottom:2px; list-style:none; background-color:red; 

}

<li class="DC"> 
    <a><ins class="jstree-icon"></ins>HelloName</a> 
    <ul> 
     <li> 
      <a><ins class="jstree-icon"></ins>HelloName</a> 
     </li> 
    </ul> 
</li> 

Je veux appliquer le style à la première occurrence de niveau de jstree- icône, maintenant le style est appliqué au 2ème niveau aussi. Quelqu'un peut-il suggérer le CSS pour le même?

Answer 1

Vous devez changer la place du sélecteur

Votre sélecteur dit premier nom de classe de la balise a (qui est pas valide) mais ce que vous avez besoin est d'abord étiquette a du li.

li.DC > a ins.jstree-icon{ 
    height:22px; width:350px; border:#999999 1px solid; margin-bottom:2px; list-style:none; background-color:red;} 

DEMO