Regroupement de sélecteurs

Sur la base de la base d'origine, nous voulons définir les fichiers des fichiers html suivants avec la même couleur. Nous pouvons faire ceci : html:

<h1>php中文网</h1>
<h2>php中文网</h2>
<h3>php中文网</h3>
<h4>php中文网</h4>

css:

h1{
  color: cadetblue;
}
h2{
    color: cadetblue;
}
h3{
    color: cadetblue;
}
h4{
    color: cadetblue;
}

C'est. à quoi ça ressemble ci-dessous Le rendu :

Mais on écrit habituellement en CSS comme ceci :

h1,h2,h3,h4{
  color: cadetblue;
}

L'effet est le même, il n'y a aucun changement du tout :

Est-ce que cela réduit beaucoup de code ? C'est ce qu'on appelle le regroupement de sélecteurs. La connaissance que nous devons ajouter ensuite est le caractère générique * Pour obtenir le même effet qu'avant. , une autre façon est d'utiliser des caractères génériques.

*{  color: cadetblue;
}

De cette façon, s'il n'y a pas de paramètres pour des éléments spécifiques, certains étudiants ci-dessous poseront des questions si nous ne voulons pas qu'ils soient tous. pareil, plusieurs d'entre eux utilisent d'autres paramètres. Eh bien.

Pour résoudre ce problème, il suffit de l'écraser. Si nous voulons que le dernier titre soit en noir et gris, ajoutez simplement la phrase suivante :

h4{    color: darkslategray;
}

Dans ce cas, nous pouvons constater l'effet suivant :

Mais généralement lorsque nous utilisons des caractères génériques, nous définissons les marges et les marges de la page entière . Comme ça

*{
    padding: 0px;
    margin: 0px;
}