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:

php中文网

php中文网

php中文网

php中文网

css:

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

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

QQ截图20161011173832.png

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 :

QQ截图20161011173832.png

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 :

QQ截图20161011174340.png

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; }


.
Formation continue
||
Title

php中文网

php中文网

php中文网

php中文网

soumettre Réinitialiser le code
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!