listes et first-child

13 févr. 2009, 12:24

Bonjour à tous,

Je souhaite donner un style au 1er élément <li> uniquement, d'une liste <ul>.
J'ai vu la propriété css first-child mais elle n'est disponible qu'à partir de la version 7 pour ie.
Y a til un hack ou une astuce plus "universelle" pour avoir le même résulat qu'avec first-child?
Merci pour vos réponses.

13 févr. 2009, 13:04

Définir un style spécifique (via une class) pour le premier élément de chaque liste.

13 févr. 2009, 13:41

Y a til un hack

Pas de hack surtout, hein ?

Autrement dit, pour illustrer le propos d'albat :

code (X)HTML

Code : Tout sélectionner

<ul>
<li class="premier-enfant">Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

CSS
feuille de style principale

Code : Tout sélectionner

li:first-child {
  /* Tes règles CSS */
}

feuille de style pour IE 6, appelée au moyen du commentaire conditionnel <!--[if IE 6]>

Code : Tout sélectionner

li.premier-enfant {
  /* Tes règles CSS */
}

13 févr. 2009, 15:31

merci pour vos réponses.
donc c'est pas possible en pur css sans mettre class="premier-enfant" dans le code?

13 févr. 2009, 15:33

Pas de hack, ni d'asuce. Juste du pur CSS.

13 févr. 2009, 15:54

donc c'est pas possible en pur css sans mettre class="premier-enfant" dans le code?

Avec IE 6, tu ne peux pas faire autrement.

listes et first-child

Qui est en ligne