Tableau
| Nom | Prénom | Date de naissance | Téléphone |
|---|---|---|---|
| Martin | Louis | 05/12/1960 | 0610234578 |
| Le Douec | Julie | 18/05/1975 | 0610247013 |
| Jolivet | Leo | 01/03/1982 | 0745516021 |
| Merzougui | Aïssa | 23/02/1962 | 0685417844 |
| Pinto | Jose | 18/11/1976 | 0647814102 |
Quelle est la différence entre ces pseudo-classes ?
:first-child cible le premier élément du parent.
:first-of-type cible le premier élément du parent qui correspond à son tag.
:last-child cible le dernier élément du parent.
:last-of-type cible le dernier élément du parent qui correspond à son tag.
:nth-child() cible les éléments à la position renseignée entre les parenthèses.
nth-of-type() cible les éléments à la position renseignée entre les parenthèses ET qui correspondent aux tags.
Quel serait l'effet de li ul:first-of-type {color: red;} ?
Et de li ul:first-child {color: red;}?
li ul:first-of-type {color: red;} permet de cibler le 2e ul avec les 3 li et de leur appliquer une couleur rouge
li ul:first-child {color: red;} permet de cibler le 1er li du 2e ul et de lui appliquer une couleur rouge
Reproduction du tableau :
Cliquez iciInsertion d'une vidéo
Image sectorisée
