Wie man wichtig in CSS verwendet

In CSS können Sie „!important“ nach dem Stil schreiben, um die Anwendungspriorität der angegebenen Stilregel zu erhöhen. Die Syntax lautet „selector {style: value!important;}“. Es wird in IE6 nicht erkannt, kann aber in IE7 und anderen Browsern verwendet werden, um die Browserkompatibilität zu gewährleisten.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

CSS, das an verschiedenen Stellen geschrieben wurde, hat unterschiedliche Prioritäten in der CSS-Datei. Wenn Sie jedoch !important verwenden, erhöht sich die Anwendungspriorität der angegebenen Stilregel. important }, also am Ende der Definition geschrieben

!important-Syntax

selector {style: value!important;}

!important bietet Entwicklern eine Möglichkeit, die Gewichtung von Stilen zu erhöhen. Es ist zu beachten, dass !important eine Deklaration des gesamten Stils ist, einschließlich der Attribute und Attributwerte dieses Stils wird blau sein, aber wenn nach dem Hinzufügen wichtig, wird die Priorität erhöht und die Anzeigefarbe ist grün.

Hinweis:

Wenn !important für ein Kurzschrift-Stilattribut verwendet wird, werden die durch dieses Kurzschrift-Stilattribut dargestellten Untereigenschaften von !important beeinflusst.

• Das Schlüsselwort !important muss am Ende einer Stilzeile und vor dem Semikolon in der Zeile platziert werden, sonst hat es keine Wirkung. (Das Leerzeichen vor dem Semikolon hat jedoch keinen Einfluss darauf)

• Wenn Sie aus besonderen Gründen zwei gleiche Eigenschaften in einem Codeblock deklarieren müssen, fügen Sie bitte !important nach der ersten Eigenschaft hinzu, da dies Folgendes ergibt Das erste Attribut hat in allen Browsern außer IE6 mehr Gewicht (dies ist ein Hack, der nur in IE6 verfügbar ist, sich aber nicht auf Ihr CSS auswirkt)

• Empfohlenes Lernen:

  CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWie man wichtig in CSS verwendet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!