Heim > Artikel > Web-Frontend > Eine detaillierte Einführung in die Verwendung der !important-Anweisung zum Erzwingen der Priorität in CSS
Eine detaillierte Einführung in die Verwendung der !important-Anweisung zum Erzwingen der Priorität in CSS
- 黄舟Original
- 2017-07-27 11:32:152493Durchsuche
!important-Anweisung erzwingt Priorität
Es gibt auch die unbesiegbarste Anweisung in der CSS-Priorität, nämlich !important.
In CSS-Stylesheets werden Stile mit der Deklaration !important zuerst verwendet, und ihre Priorität überschreibt Stildeklarationen überall und in irgendeiner Weise, einschließlich Stilen, die im Inline-Stilattribut deklariert sind.
Zum Beispiel der folgende Code:
<style type="text/css">
p{ color:red !important; }
</style>
<p style="color: blue; ">这是一行文字</p>
Diese Textzeile hier wird im Browser immer noch in roter Schrift angezeigt.
Die Priorität der CSS-Stilanpassung folgt also der folgenden Reihenfolge:
(1) !important-Deklaration hat Vorrang vor allem anderen.
(2) Inline-Stile stehen an zweiter Stelle.
(3) Die Deklarationen im Stylesheet werden nach dem Gewicht des Selektors sortiert.
(4) Passen Sie abschließend die Stile entsprechend der Reihenfolge an, in der der Browser das Stylesheet ausführt, und folgen Sie dabei dem Prinzip „Wer zuerst kommt“.
Natürlich sollte noch ein letzter Punkt hervorgehoben werden: Wenn kein Stil festgelegt ist, wird der Stil des übergeordneten Knotens automatisch geerbt.
Das obige ist der detaillierte Inhalt vonEine detaillierte Einführung in die Verwendung der !important-Anweisung zum Erzwingen der Priorität in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!