Sélecteurs CSS sont utilisés pour sélectionner le contenu que vous souhaitez styliser . Les sélecteurs font partie de l'ensemble de règles CSS. Les sélecteurs CSS sélectionnent les éléments HTML en fonction de leur identifiant, classe, type, attribut, etc.
disquette
Il existe plusieurs types de sélecteurs en CSS.
- Sélecteur d'éléments CSS
- Sélecteur d'identifiant CSS
- Sélecteur de classe CSS
- Sélecteur universel CSS
- Sélecteur de groupe CSS
1) Sélecteur d'éléments CSS
Le sélecteur d'élément sélectionne l'élément HTML par son nom.
p{ text-align: center; color: blue; } <p>This style will be applied on every paragraph.</p> <p id="para1">Me too!</p> <p>And me!</p> Testez-le maintenant Sortir:
Ce style sera appliqué à chaque paragraphe.
arbre binaire Java
Moi aussi!
Et moi!
2) Sélecteur d'identifiant CSS
Le sélecteur id sélectionne l'attribut id d'un élément HTML pour sélectionner un élément spécifique. Un identifiant est toujours unique dans la page, il est donc choisi pour sélectionner un élément unique et unique.
Il est écrit avec le caractère dièse (#), suivi de l'identifiant de l'élément.
Prenons un exemple avec l'identifiant 'para1'.
apurva padgaonkar
#para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p> Testez-le maintenant Sortir:
Bonjour Javatpoint.com
Ce paragraphe ne sera pas affecté.
3) Sélecteur de classe CSS
Le sélecteur de classe sélectionne les éléments HTML avec un attribut de classe spécifique. Il est utilisé avec un caractère point . (symbole point final) suivi du nom de la classe.
Remarque : Un nom de classe ne doit pas commencer par un chiffre.
Prenons un exemple avec une classe 'center'.
.center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p> Testez-le maintenant Sortir:
introduction java
Bonjour Javatpoint.com
Bonjour Javatpoint.com (en caractères plus petits)
Ceci est un paragraphe.