Vidéo: COURS COMPLET HTML ET CSS [23/71] - Les attributs id et class 2025
Les sélecteurs de balises (ou éléments) sont des séquences de caractères CSS3 que vous utilisez pour choisir des balises
et
. En fait, vous pouvez sélectionner n'importe quelle balise HTML de cette façon. Un sélecteur d'étiquette repose toujours sur le nom de l'étiquette, tel que p ou h1. Cependant, il existe des combinaisons de sélecteurs d'étiquettes intéressantes que vous devriez connaître.
La liste suivante vous indique les sélecteurs d'étiquettes que vous pouvez utiliser en plus du simple sélecteur d'étiquettes.
-
Balise , Balise : Séparer deux balises par une virgule signifie sélectionner les deux balises, quel que soit leur emplacement dans le document. Par exemple, en utilisant p, div sélectionnerait toutes les balises
et dans le document.
-
Balise >> Balise : Séparer deux balises avec un signe supérieur (>> ) indique au navigateur de sélectionner une balise ayant une autre balise comme balise parent. Par exemple, si vous avez et que vous utilisez div> p
, le navigateur sélectionnera la balise .
Balise
Balise -
: Séparer deux balises par un espace indique au navigateur de sélectionner une balise qui apparaît dans une autre balise. Ce sélecteur diffère de l'utilisation d'un signe supérieur à celui dans lequel la première étiquette ne doit pas apparaître directement immédiatement avant la deuxième étiquette. Par exemple, si vous avez et utilisez
div> p
, le navigateur ne sélectionnera rien. Cependant, si vous utilisez à la place div p , le navigateur sélectionnera la balise .
Balise
+ -
Balise : La séparation de deux balises avec un signe plus (+) indique au navigateur de sélectionner une balise qui apparaît immédiatement après une autre balise. Par exemple, si vous avez et que vous utilisez div + p
, le navigateur sélectionnera la balise . Notez que la balise n'apparaît pas dans la balise
, elle apparaît après la balise
. Balise ~
-
Balise : La séparation de deux balises avec un tilde ( ~ ) indique au navigateur de sélectionner chaque balise qui apparaît après une autre balise. Par exemple, si vous avez et utilisez div ~ p
, le navigateur sélectionnera les deux balises . Cela diffère de div + p
, qui indique au navigateur de ne sélectionner que la première balise qui suit la balise .
: root: Sélectionne l'élément racine du document. L'élément racine dépend du type de document. Ce sélecteur est normalement utilisé avec des documents XML, mais vous pouvez potentiellement l'utiliser avec n'importe quel type de document.
-
