Le fond doit s'appliquer uniquement au premier élément li, pas aux autres li des ul.

Question

Je n'ai besoin que du premier élément 'li' avec une couleur de fond grise. Mais la couleur de fond grise est appliquée au premier 'li' de chaque 'ul li'. La couleur de fond ne devrait s'appliquer qu'au premier li (Mon exemple).

http://jsfiddle.net/fX9Gy/

Est-ce que quelqu'un pourrait résoudre le problème s'il vous plaît. Merci

Answer 1

Donnez class à votre parent UL. Écrivez comme ceci :

HTML

    un
    un

            deux
            deux
            deux

    un

CSS

.parent > li:first-child{background-color:#ccc}

Vérifiez ceci pour plus d'informations http://jsfiddle.net/fX9Gy/27/

Answer 2

Ajoutez ceci à la fin de votre css:

ul li ul li:first-child{background-color:transparent}

Ou donnez à l'élément un identifiant:

un

#first {background-color:#ccc}

** EDITION **

Vous pourriez essayer ce css:

ul li{color:red}
ul li > ul li{color:blue}
li {background-color:#ccc} 
ul ul li {background-color:transparent}
li + li {background-color:transparent}

Answer 3

Soit rendre le sélecteur plus spécifique:

ul li ul li:first-child{background-color:transparent}

Ou ajouter une classe à l'UL et sélectionner le premier enfant là-bas:

ul.nested li:first-child{background-color: #fff;}

... 

http://jsfiddle.net/Kyle_Sevenoaks/fX9Gy/15/

Answer 4

Bonjour s'il vous plaît voir la CSS mise à jour j'espère que cela fonctionnera

ul li{color:red}

ul li > ul li{color:blue}

ul li:first-child{background-color:#ccc}
ul li ul li:first-child {background:none;}

http://jsfiddle.net/fX9Gy/23/

Answer 5

Vous pouvez essayer ceci.

li {color:gray}
ul ul li {color:red}
li + li {color:red}

Cela fonctionnera également dans les navigateurs jusqu'à ie 7