Heim > Artikel > Web-Frontend > Was nützt !important in CSS? Die Rolle von !important in CSS
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
(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;
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!