Cours recommandé :class CSS .

Sélecteur

Définition et utilisation .class Les sélecteurs sont utilisés pour sélectionner les éléments avec une valeur d'attribut spécifique. class CSS

choisir les éléments avec une valeur d'attribut spécifique..) caractères, suivis de class Pour sélectionner tous les éléments d'un type spécifique avec une classe spécifique, écrire un point (

élément.class Les sélecteurs sont utilisés pour sélectionner les éléments avec une valeur d'attribut spécifique. class choisir un élément avec une valeur d'attribut spécifique.

choisir uniquement les éléments avec une valeur d'attribut spécifique class écrire le nom de l'élément, suivi d'un point (.) caractères, suivis de class valeurs d'attribut (voir l'exemple 2 ci-dessous).

Conseil :Les éléments HTML peuvent également faire référence à plusieurs class（Voir l'exemple 3 ci-dessous）.

Exemple

Exemple 1

Définissez les styles de tous les éléments avec class="intro" :

.intro {
  background-color: yellow;
}

Essayez vous-même

Exemple 2

Définissez les styles de tous les éléments <p> avec class="intro" :

p.intro {
  background-color: yellow;
}

Essayez vous-même

Exemple 3

.class Différentes utilisations des sélecteurs :

/* Sélectionnez tous les éléments class="center" */
.center {
  text-align: center;
}
/* Sélectionnez tous les éléments <p> avec class="large" */
p.large {
  font-size: 200%;
}
/* Sélectionnez tous les éléments <p> qui contiennent les classes "fancy" et "beige" dans la liste des classes */
p.fancy.beige {
  font-family: 'Courier New', monospace;
  background-color: beige;
  border: 2px solid green;
}
/* Sélectionnez tous les éléments class="ex2" dans l'élément <p> class="ex1" */
p.ex1 .ex2 {
  background-color: yellow;
}

Essayez vous-même

Syntaxe CSS

.class {
  déclarations CSS;
}

Syntaxe CSS

élément.class {
  déclarations CSS;
}

技术细节

浏览器支持