[Résolu] Selecteur pour listes imbriquées.

Bonsoir,

J'aurais pu faire une classe pour la sous-liste mais je préfèrerais comprendre la manière d'y parvenir par un sélecteur bien choisi...
Je voudrais que la "sous-liste" n'ai pas de style.

<div id="plan-site">

<ul>
    <li><a href="clinique.php">Clinique "Clinisud"</a></li>
    <li><a href="cabinet-medical.php">Le Cabinet Médical</a></li>
    
    <li><a href="pathologies.php">Pathologies</a>
            <ul>
            <li><a href="epaule.php">L'Epaule</a></li>
            <li><a href="coude.php">Le Coude</a></li>
            <li><a href="hanche.php">La Hanche</a></li>
            <li><a href="genou.php">Le Genou</a></li>
            <li><a href="cheville.php">La Cheville</a></li>
            <li><a href="pied.php">Le pied</a></li>
            </ul>
            </li>
            
	<li><a href="pediatrie.php">Pédiatrie</a></li>
    
</ul>
</div>

Je pensais à :

#plan-site ul { list-style:none}
#plan-site > ul {list-style:square} 

Pour que ça marche, j'ai été obligé d'inverser en pensant que >ul concernait la seconde liste et non la première. Or c'est l'inverse qui se passe,
Quelque chose m'échappe.

merci de m'aiguiller.
Modifié par kayorn (21 Apr 2013 - 20:46)

essai avec ca :

#plan-site ul li ul { list-style:none}

Modifié par tazzkiller (21 Apr 2013 - 20:52)

Hello,

Tout simplement :

ul ul {}

?

EDIT : Le sélecteur d'enfant direct (#plan-site > ul) ne va effectivement cibler que le premier niveau de la liste, qui est enfant directe de #plan-site
Modifié par Raphael (21 Apr 2013 - 20:55)

Dans ce cas précis, la 1ère et 2ème solution donnent le même résultat

Dans quel cas utiliser les sélecteurs si les solutions données suffisent?


Merci à vous deux.