CSS wichtig, was ist-Front-End-Fragen und Antworten-php.cn

CSS wichtig, was ist

藏色散人

Freigeben： 2023-01-04 09:38:23

Original

2347 Leute haben es durchsucht

css important ist eine von CSS1 definierte Syntax. Ihre Funktion besteht darin, die Anwendungspriorität bestimmter Stilregeln zu erhöhen und es dem Browser zu ermöglichen, diese Anweisung zuerst auszuführen zum Hacken verwendet.

CSS wichtig, was ist

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS3, Thinkpad T480-Computer.

Empfohlen: „CSS-Video-Tutorial“

!important in CSS wird im Allgemeinen zum Hacken verwendet und wird von der !important-CSS-Anweisung gefolgt, damit der Browser diese Anweisung zuerst ausführen kann.

Da CSS über geerbte Stile verfügt, kann das Hinzufügen von !importanrt den übergeordneten Stil überschreiben. Es kann in IE6 nicht erkannt werden, kann aber in IE7 und anderen Browsern verwendet werden, um die Browserkompatibilität zu gewährleisten.

!important

!important ist eine von CSS1 definierte Syntax, die verwendet wird, um 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;}

Nach dem Login kopieren

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; //生效
}

Nach dem Login kopieren

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>

Nach dem Login kopieren

In diesem Fall beträgt die Schriftgröße des Kindes 14 Pixel und wird vom Vater nicht beeinflusst.

Das obige ist der detaillierte Inhalt vonCSS wichtig, was ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!