Continuer à dire important的优先级最高，可是下面的结果是粉色的，貌似important ne sert à rien
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>示例</title>
<style>
body {
color: green !important;
}
.pink-text {
color: pink;
}
</style>
</head>
<body>
<h1 class="pink-text">Hello World!</h1>
</body>Mais après le changement, c'est bien le plus élevé au sein de la même classe. Je pensais au départ que peu importe où il se trouve, tant que important est ajouté, il aura la priorité la plus élevée, mais le résultat n'est pas comme ça
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>示例</title>
<style>
.pink-text {
color: green !important;
color: pink;
}
</style>
</head>
<body>
<h1 class="pink-text">Hello World!</h1>
</body>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Votre texte est sur du texte rose. Une fois que le texte rose définit la couleur, la valeur de couleur n'est pas héritée et il n'y a rien de mal avec le corps
!important cette propriété ne sera pas héritée
C'est-à-dire que vous avez défini la couleur de la police du corps, c'est important,
!Si l'élément enfant ne définit pas d'autres couleurs de police, il héritera de la couleur du corps, mais cet héritage n'a rien à voir avec !important.
Si un élément enfant est défini sur une autre couleur de police, il sera affiché dans la couleur de police définie.
Merci pour l'invitation !
!importantCe qui a été amélioré, c'est la priorité d'application des règles de style spécifiées La clé réside dans le mot préciser, ressentez-le attentivement.Votre exemple précédent n'entre évidemment pas dans ce cadre.
Un autre :
Cette façon d’écrire n’est pas valide dans IE6.