Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Einführung in die Bedeutung von !important in CSS

Detaillierte Einführung in die Bedeutung von !important in CSS

黄舟
黄舟Original
2017-07-27 13:10:522019Durchsuche

!important ist ein sehr wichtiges Attribut und spielt manchmal eine sehr wichtige Rolle. 52CSS.com verfügt nicht über viel Wissen in diesem Bereich, um ein vergleichendes Verständnis davon zu erhalten.
Als ich vor ein paar Tagen etwas CSS-Code schrieb, fiel es mir wieder schwer, weil die verdammte IE6-Unterstützung für CSS so schlecht ist, dass ich es vorher nicht bemerkt habe, weil die Dinge, die ich mache, im Grunde darauf basieren IE, aber das CSS, das ich dieses Mal für meinen Blog geschrieben habe, muss mehr als einen Browser unterstützen: IE. Das Unglück ist, dass ich Windows 7 installiert habe, das mit dem IE8-Browser geliefert wird, aber wenn ich es öffne IE6, es kommt immer noch zu einer Fehlausrichtung, also habe ich beschlossen, zu sehen, was mit IE6 los ist.
Ich habe alle CSS-Blöcke mit Rändern umschlossen und festgestellt, dass der Abstand zwischen zwei ps im IE offensichtlich größer ist als in anderen Browsern. Wenn Sie beispielsweise ein p mit einem Randattribut von 20 Pixel schreiben, scheint dies im IE der Fall zu sein 40px im IE, weshalb die Genauigkeitsberechnung genau richtig ist, im IE jedoch falsch ausgerichtet ist.
Später habe ich das Attribut !important gesehen, das tatsächlich in der CSS-Spezifikation enthalten ist. Daher wurde es von IE6 nicht unterstützt. Gerade weil es nicht unterstützt wurde, fanden viele CSSer eine Lösung. Wenn Sie in CSS im Allgemeinen zwei gleiche Attribute in denselben CSS-Block schreiben, wird das untere tatsächlich ausgeführt, zum Beispiel:

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

Dann wird es bei der Ausführung tatsächlich entsprechend ausgeführt auf 40px. Das Erscheinungsbild von !important soll es Benutzern ermöglichen, die Priorität der ausgeführten Anweisung festzulegen. Wenn die obige Anweisung geändert wird in:

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

, wird sie unter Firefox, Google Chrome und IE7 und höher als 20 Pixel ausgeführt, unter IE6 jedoch weiterhin als 40 Pixel IE6 unterstützt die !important-Spezifikation nicht. Wir können diese Regel befolgen, um die Designanforderungen von IE6 zu erfüllen. Wenn wir feststellen, dass die Anzeigeeffekte von IE6 und anderen Browsern unterschiedlich sind, legen wir zwei fest und fügen oben das !important-Tag hinzu eins und Der folgende Satz muss nicht hinzugefügt werden, daher führt IE6 ihn wie folgt aus. Ein erfahrener CSSer sagte: Das heutige CSS ist überall wichtig. Das ist alles die Schuld des verdammten IE6. Es ist keine Übertreibung zu sagen, dass IE6 nur ein Haufen Metaboliten ist.

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in die Bedeutung von !important in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn