So ändern Sie die Priorität mithilfe von CSSs !important-CSS-Tutorial-php.cn

So ändern Sie die Priorität mithilfe von CSSs !important

不言

Freigeben： 2018-11-20 16:46:34

Original

3595 Leute haben es durchsucht

In diesem Artikel erfahren Sie, wie Sie die Priorität von !important mithilfe von CSS ändern. Normalerweise kann CSS CSS-Stile gemäß der oben genannten Reihenfolge verwenden, aber diejenige mit der höchsten Priorität ist us Was dieser Artikel sagen möchte, ist wichtig.

Schauen wir uns direkt ein Beispiel an

p { 
  color：＃d9534f！important; // red; 
  color：＃5bc0de; // lightblue
  }

Nach dem Login kopieren

Normalerweise werden CSS-Regeln zuerst auf den ID-Selektor oder den Klassenselektor angewendet. Außerdem überschreibt der „id“-Selektor den „. Klasse" "Selektor.

CSS wendet vorzugsweise Stile in der Nähe des Tags an oder Stile, die später gelesen werden, aber Schlüsselwörter enthalten! Wichtige Stile haben höchste Priorität.

! Wichtig ist, dass es auf einem benutzerdefinierten Stylesheet verwendet werden kann. Wenn Sie ein im Web definiertes CSS-Stylesheet verwenden möchten, können Sie ein benutzerdefiniertes Stylesheet verwenden.

Lassen Sie es uns in die Tat umsetzen! wichtig

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="sample.css">
    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
  </head>
  <body>
    <p>显示什么颜色？</p>
  </body>
</html>

Nach dem Login kopieren

CSS

p{
  color: #d9534f !important; //red;
  color: #5bc0de; //blue
}

Nach dem Login kopieren

Der Anzeigeeffekt im Browser ist wie folgt:

So ändern Sie die Priorität mithilfe von CSSs !important

Wenn „!important“ nicht verwendet wird, ist der Anzeigeeffekt wie folgt.

So ändern Sie die Priorität mithilfe von CSSs !important

Zur Verwendung! Wichtig: Sie können es verwenden, wenn Sie den Stil in keiner Weise ändern möchten oder wenn Sie versuchen, ein benutzerdefiniertes Stylesheet zu verwenden.

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Priorität mithilfe von CSSs !important. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!