Exemple à étudier
→Jolie menuL'utilisation de la speudo-classe first( last ) est particulièrement efficace dans la construction de menu.
Elle permet de distinguer le premier (dernier) é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-radius: 10px; border-bottom-right-radius: 0; border-top-left-radius: 10px; border-top-right-radius: 0;}La couleur fait correspondre à notre expression des besoins en français avec l'expression traduite en CSS !