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:
Wenn „!important“ nicht verwendet wird, ist der Anzeigeeffekt wie folgt.
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!
