CSS Pseudo-classes : Les CSS Pseudo-classes sont des sélecteurs qui permettent de définir l'état d'un élément HTML en fonction de son interaction avec l'utilisateur ou de son emplacement dans le document. Elles permettent d'appliquer des styles spécifiques à des éléments en fonction de certaines conditions, sans avoir besoin d'ajouter des classes supplémentaires dans le HTML.
Exemple 1 : La pseudo-classe :hover applique un style lorsque l'utilisateur survole un élément avec la souris.
Exemple 2 : La pseudo-classe :focus permet de styliser un élément lorsque celui-ci reçoit le focus, par exemple, un champ de formulaire sélectionné.
Exemple 3 : La pseudo-classe :nth-child() permet de cibler un élément basé sur sa position parmi ses frères et sœurs dans le DOM.