First of Type
La différence entre ces pseudos classes est que :first-child, :last-child et :nth-child() font référence à un élément de n'importe quel type par rapport à son parent alors que :first-of-type, :last-of-type et :nth-of-type() font référence à un élément d'un type particulier.
L'effet de : li ul:first-of-type {color: red;} serait que tout le texte serait en rouge, et li ul:first-child {color: red;} fera que >Tâches prioritaires du week-end et arreter le joker seront rouges seulement.
| 300 x 50 | 100 x 200 | ||
| 200 x 100 | 100 x 50 | ||
| 100 x 50 | |||
| 100 x 100 | 200 x 100 | ||
| 100 x 50 | |||
Vidéo
Carte Fabron
