Quelle est l'utilité de !important en CSS ? Le rôle de !important en CSS

Le contenu de cet article porte sur l'utilisation de !important en CSS ? Le rôle de !important dans CSS a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère que cela vous sera utile.

Le rôle de !important dans CSS

Ajoutez {*rule !important} à IE6.0, IE7. Le hack d'écriture FireFox

* peut être reconnu par les navigateurs de la série IE, mais pas par le navigateur Firefox

 ! important n'est reconnu que par IE7.0 et Firefox, mais IE6.0 ne peut pas être appliqué avec succès

Différence

(1) Le hack qui distingue IE et Firefox est : border:2px solid # f00;*border:1px solid #f00;

(2) Le hack qui distingue Ie6.0 de Ie7.0 et Firefox est : border:1px solid #f00!important;border:2px solid # f00;

Parsing

Dans (1), la raison pour laquelle * est placé à la fin est que Firefox ne reconnaît pas * et ne définit donc la bordure qu'une seule fois pour cela while ; la série ie en effectue deux. Une fois la bordure définie pour la deuxième fois, ce dernier attribut recouvre l'attribut précédent, il s'agit donc d'une bordure d'un pixel.

Dans (2), la raison pour laquelle !important est placé dans le premier paramètre de bordure est qu'il augmente la priorité de la bordure cette fois, même si elle est utilisée plus tard ou même dans Définir la bordure N fois n'est pas non plus valide, mais Ie6.0 n'accepte pas cette règle, ce qui l'oblige à appliquer le deuxième paramètre de bordure, c'est-à-dire que la deuxième fois écrase le premier principe. ; donc sa bordure est une boîte rouge de 2 pixels.

Exemple

CSS

 #Box {
      color:red !important;
      color:blue;
 }

HTML

 <p id="Box"> 在不同的浏览器下，这行字的色应该不同！</p>

Cet exemple devrait être l'utilisation de important que vous voyez souvent dans l'environnement IE, cette ligne de texte est de couleur bleue, sous Firefox, est rouge

Recommandations associées :

Une introduction détaillée sur la façon d'utiliser l'instruction !important en CSS pour forcer priorité

Utilisation de !important en CSS et ses performances sous IE6_html/css_WEB-ITnose

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!