Pages

:first-child

Objectif

L'utilisation des speudo-classes first (lire le commentaire) est particulièrement efficace dans la construction de menu. Elle permet de distinguer le premier élément de la liste et de lui affecter un style particulier.

La figure ci-dessus montre le résultat de l'application d'un bord arrondi au lien du premier élément de la liste du menu.


nav li:first-child a {
    border-bottom-left-radius10px;
    border-bottom-right-radius0;
    border-top-left-radius10px;
    border-top-right-radius0;
}