Introduction détaillée à l'importance de !important en CSS

!important en CSS est un attribut très important et joue parfois un rôle très important. 52CSS.com n'a pas beaucoup de connaissances dans ce domaine. Lisons l'article suivant pour en avoir une compréhension comparative.
C'était difficile pour moi quand j'écrivais du code CSS il y a quelques jours, parce que le foutu support CSS d'IE6 est si médiocre que je ne l'avais pas remarqué auparavant, car les choses que je fais sont essentiellement basées sur IE, mais le CSS que j'ai écrit pour mon blog cette fois doit prendre en charge plus d'un navigateur : IE. Le malheur est que j'ai installé Windows 7, qui est fourni avec le navigateur IE8, je pensais qu'il n'y avait pas de problème, mais lorsque j'ai ouvert IE6, un désalignement se produisait toujours, j'ai donc décidé de voir ce qui se passait avec IE6.
J'ai enveloppé tous les blocs CSS avec des bordures et j'ai constaté que la distance entre deux p dans IE est évidemment plus large que dans les autres navigateurs. Par exemple, si vous écrivez un p avec un attribut margin de 20px, alors dans IE, cela semble être le cas. 40px dans IE, c'est pourquoi le calcul de précision est juste, mais il est mal aligné dans IE.
Plus tard, j'ai vu l'attribut !important. Cet attribut est en fait inclus dans la spécification CSS. Par conséquent, IE6 ne le supportait pas. C'est précisément parce qu'il ne le supportait pas que de nombreux CSSers ont trouvé une solution. De manière générale, en CSS, si vous écrivez deux mêmes attributs dans le même bloc CSS, alors celui du bas est effectivement exécuté, par exemple :

   1: home{
   2:    margin-left:20px;
   3:    margin-left:40px;
   4: }
   5:

Puis Lors de l'exécution, il est effectivement exécuté selon à 40px. L'apparence de !important est de permettre aux utilisateurs de définir la priorité de l'instruction exécutée. Si l'instruction ci-dessus est modifiée en :

 1: home{
   2:    margin-left:20px!important;
   3:    margin-left:40px;
   4: }
   5:

, alors elle sera exécutée en 20px sous Firefox, Google Chrome et IE7 ou supérieur, mais elle sera toujours exécutée en 40px sous IE6 Parce que. IE6 ne prend pas en charge la spécification !important, nous pouvons suivre cette règle pour répondre aux besoins de conception d'IE6. Lorsque nous constatons que les effets d'affichage d'IE6 et des autres navigateurs sont différents, nous en définissons deux, ajoutons la balise !important en haut. un, et il n'est pas nécessaire d'ajouter la phrase suivante, donc IE6 l'exécutera comme suit. Un CSSer senior a déclaré : Le CSS d’aujourd’hui est important partout ! Tout cela est de la faute de ce foutu IE6. Il n’est pas exagéré de dire qu’IE6 n’est qu’un tas de métabolites.

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!