Suivre

Actualités du site CSS3Create

Actualités sur CSS et le web en général

Sélecteurs: :nth-child

Maj: février 2011

nth... késako ?

nth signifie n-ième. Ce sélecteur permet donc de sélectionner le n-ième enfant d’un élément. Dans le premier exemple, on sélectionne le 2ème enfant, SI celui-ci est un <h1>. Dans le second exemple, on sélectionne le 3ème <li> de tous les <ul> (en sachant qu’un <ul> ne peut contenir que des <li>).

Voir aussi :nth-of-type pour sélectionner les n-ième enfant d’un certain type.

    h1:nth-child(2){ ... }
    ul li:nth-child(3){ ... }