Page 1 sur 1

listes et first-child

Posté : 13 févr. 2009, 12:24
par Invité
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.

Posté : 13 févr. 2009, 13:04
par albat
Définir un style spécifique (via une class) pour le premier élément de chaque liste.

Re: listes et first-child

Posté : 13 févr. 2009, 13:41
par Victor BRITO
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 */ }

Posté : 13 févr. 2009, 15:31
par Invité
merci pour vos réponses.
donc c'est pas possible en pur css sans mettre class="premier-enfant" dans le code?

Posté : 13 févr. 2009, 15:33
par albat
Pas de hack, ni d'asuce. Juste du pur CSS.

Posté : 13 févr. 2009, 15:54
par Victor BRITO
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.