CSS et chevrons

Bonjour,

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

Code:

---

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

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:

---

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:

---

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.

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

Merci beaucoup :king: