suchen

Heim >Web-Frontend >CSS-Tutorial >So ändern Sie die Priorität mithilfe von CSSs !important

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

不言
不言Original
2018-11-20 16:46:343603Durchsuche

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
  }

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>

CSS

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

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!

Stellungnahme：
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
Vorheriger Artikel：Was ist das pointer-events-Attribut? Detaillierte Erläuterung des Pointer-Events-AttributsNächster Artikel：Was ist das pointer-events-Attribut? Detaillierte Erläuterung des Pointer-Events-Attributs

In Verbindung stehende Artikel

Mehr sehen