Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Eine detaillierte Einführung in die Verwendung der !important-Anweisung zum Erzwingen der Priorität in CSS

黄舟
Freigeben: 2017-07-27 11:32:15
Original
2485 Leute haben es durchsucht

!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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage