Heim  >  Artikel  >  Web-Frontend  >  Was nützt !important in CSS? Die Rolle von !important in CSS

Was nützt !important in CSS? Die Rolle von !important in CSS

不言
不言Original
2018-08-20 10:20:201879Durchsuche

Der Inhalt dieses Artikels befasst sich mit der Verwendung von !important in CSS. Die Rolle von !important in CSS hat einen gewissen Referenzwert. Freunde in Not können darauf verweisen.

Die Rolle von !important in CSS

Fügen Sie {*rule !important} zu IE6.0, IE7 0 und hinzu FireFox-Schreibhack

* kann von Browsern der IE-Serie erkannt werden, nicht jedoch vom Firefox-Browser

! wichtig wird nur von IE7.0 und Firefox erkannt, aber IE6.0 kann nicht erfolgreich angewendet werden

Unterschied

(1) Der Hack, der IE und Firefox unterscheidet, ist: border:2px solid # f00;*border:1px solid #f00;

(2) Der Hack, der Ie6.0 von Ie7.0 und Firefox unterscheidet, ist: border:1px solid #f00!important;border:2px solid # f00;

Parsing

In (1) liegt der Grund, warum * dahinter steht, darin, dass Firefox * nicht erkennt und daher den Rahmen nur einmal dafür setzt, während das ie Die Serie führt zwei aus. Nachdem der Rand zum zweiten Mal festgelegt wurde, deckt das letztere Attribut das vorherige Attribut ab, sodass es sich um einen Ein-Pixel-Rand handelt.

In (2) liegt der Grund, warum !important in der ersten Rahmeneinstellung platziert wird, darin, dass es diesmal die Priorität des Rahmens erhöht, selbst wenn er später oder sogar in verwendet wird Das N-fache Festlegen der Grenze ist ebenfalls ungültig, aber Ie6.0 akzeptiert diese Regel nicht, was dazu führt, dass die zweite Grenzeinstellung angewendet wird, dh das erste Prinzip wird nicht erkannt ; der Rand ist also ein 2 Pixel großes rotes Kästchen

HTML

 #Box {
      color:red !important;
      color:blue;
 }
Dieses Beispiel sollte die Verwendung von wichtig sein, die Sie oft sehen. In der IE-Umgebung ist diese Textzeile blau, in Firefox unten ist sie es rot

Verwandte Empfehlungen:

Eine detaillierte Einführung in die Verwendung der !important-Anweisung in CSS, um Priorität zu erzwingen

Verwendung von !important in CSS und seine Leistung unter IE6_html/css_WEB-ITnose

Das obige ist der detaillierte Inhalt vonWas nützt !important in CSS? Die Rolle 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

In Verbindung stehende Artikel

Mehr sehen