« Le langage CSS/Les sélecteurs » : différence entre les versions
Contenu supprimé Contenu ajouté
Ligne 347 :
</syntaxhighlight>
Similairement, il y a les pseudo-classes <code>:last-child</code> et <code>:last-of-type</code> pour le dernier élément enfant.
La pseudo-classe <code>:nth-child(''a''n+''b'')</code> possède une expression simple en paramètre pour sélectionner les éléments dont la position correspond à l'expression, où a et b sont deux entiers et n est la lettre représentant un nombre entier.
La position 1 correspond au premier élément.
Exemples :
* <code>:nth-child(4n)</code> Les 4ème, 8ème, 12ème, ... éléments enfants ;
* <code>:nth-child(2n)</code> Les 2ème, 4ème, 6ème, ... éléments enfants, c'est à dire de position paire, équivaut à <code>:nth-child(even)</code> ;
* <code>:nth-child(2n+1)</code> Les 1er, 3ème, 5ème, ... éléments enfants, c'est à dire de position impaire, équivaut à <code>:nth-child(odd)</code> ;
* ...
=== Autres pseudo-classes ===
| |||