Heim > Artikel > Web-Frontend > Was bedeutet CSS wichtig?
Was bedeutet CSS wichtig?
- 藏色散人Original
- 2021-04-13 09:12:042786Durchsuche
important in CSS ist eine Syntax, die verwendet wird, um die Anwendungspriorität bestimmter Stilregeln zu erhöhen. Ihr Syntaxformat ist wie „{sRule!important}“ und CSS-Stile mit hoher Priorität überschreiben Stile mit niedriger Priorität.
Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.
In HTML-Webseiten werden CSS-Stile mit hoher Priorität verwendet, und viele CSS-Attribute werden geerbt, was sich auf die Anzeige unserer Webseiten auswirkt diese Situation zu ändern.
!important ist eine in CSS1 definierte Syntax. Ihre Funktion besteht darin, die Anwendungspriorität bestimmter Stilregeln zu erhöhen. Das Syntaxformat {sRule!important} wird direkt am Ende der Definition geschrieben, wie zum Beispiel:
p{color:green !important;}Hinweis: IE hat diese Syntax nie unterstützt, andere Browser jedoch schon. Daher können wir damit Stile für FF- bzw. IE-Browser definieren.
Wenn Sie einen Stil A, z. B. Schriftgröße, definiert haben und nicht möchten, dass dieser in Zukunft durch den Stil A überschrieben wird, können Sie auch !important verwenden. Und wenn der neue Stil auch !important verwendet , es wird immer noch passieren. Erzwungenes Überschreiben
.A{
font-size:12px !important;
}
.A{
font-size:14px; //不会生效
}
.A{
font-size:14px !important; //生效
}Beachten Sie, dass es sich um einen Stil mit demselben Namen handeln muss, das heißt, der Stilname heißt beide A. Wenn es sich um eine übergeordnete und untergeordnete Situation handelt, funktioniert es nicht.
<html>
<head>
<style>
.father{
font-size:12px !important;
}
.child{
font-size:14px;
}
</style>
<body>
<div class="father">
<div class="child">I am child </div>
</div>
</body>
</html>In diesem Fall beträgt die Schriftgröße des Kindes 14 Pixel und wird vom Vater nicht beeinflusst.
【Empfohlenes Lernen: CSS-Video-Tutorial】
Das obige ist der detaillierte Inhalt vonWas bedeutet CSS wichtig?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!