Discussion :

[mikado_O]

Bonjour,

Plusieurs CSS que j'étudie en ce moment (menus déroulants) comprennent la syntaxe suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
#m li:hover > ul { balise css}

Je n'ai toujours pas réussi à comprendre la signification du chevrons > . Pouvez-vous m'éclairer ?

Merci

[MademoiselleL]

Bonjour,

Les chevrons sont utilisés pour décrire la filiation directe, c'est à dire que l'élément avant le chevron est le parent directe de l'élément après, et il n'y a pas de balises entre les deux.

Le xhtml qui correspond à l'exemple est donc :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<ul id="m">
   <li>
       <ul>
           balise à laquelle s'applique les instructions de style.
       </ul>
   </li>
</ul>

et non

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<ul id="m">
   <li><div>
       <ul>
           l'élément ul n'est pas pris en compte
       </ul>
       </div>
   </li>
</ul>

Mais si je me souviens bien, cette instruction ne fonctionne pas sur IE6 (et peut-être IE7, à tester). Il vaut mieux l'éviter en utilisant d'autres moyens, comme supprimer le chevron. Mais le résultat peut alors être différent.

Voilà, j'espère que ça a pu éclaircir.

[kohsaka]

marche sur ie7, mais c'est vrai que c'est dommage pour ie6.

[mikado_O]

Merci beaucoup