p:first-child  { color: orange; }

p:nth-child(2) { color: red; }

p:last-child   { color: blue; }

Premier paragraphe

Deuxième paragraphe

Troisième paragraphe

Quatrième paragraphe

Cinquième paragraphe

Constatez l'effet des règles CSS qui sont affichées en haut de la page sur les paragraphes ci-dessus.

  1. Le contenu du paragraphe qui contient "Premier paragraphe" est de couleur orange car il est de rang 1 donc en position de premier enfant.
  2. Le contenu du paragraphe qui contient "Deuxième paragraphe" est de couleur rouge car il est de rang 2.
  3. Le contenu du paragraphe qui contient "Cinquième paragraphe" est de couleur bleu car il est en position de dernier enfant.