La pseudo classe focus-within en CSS / Concept + Exercice

Pour ce 4ème cours en ligne, nous allons étudier la pseudo-classe "focus-within" du langage CSS.

Je vous parlerai de l'utilisation de la pseudo-classe focus-within qui va nous permettre de venir manipuler des éléments HTML autour d'un élément HTML qui recevra le focus.
Simple, rapide et efficace !
Après avoir vu la théorie, nous passerons à la pratique en réalisant un exercice.
Nous viendrons appliquer la pseudo-classe focus-within sur 2 champs d'un formulaire de connexion.
L'état des champs sera modifié dès lors que l'utilisateur ou l'utilisatrice cliquera à l'intérieur des champs.

Plus on connaît de théorie et plus il est aisé de réaliser des sites web de plus en plus complexes.
C'est pour cela que je vous propose cette série de tutoriels où nous parlerons d'un sujet avec une vidéo de cours théorique et une vidéo d'application de la théorie.

Je mets les codes de l'exercice d'application à votre disposition.