Heim > Artikel > Web-Frontend > So erhöhen Sie das Gewicht in CSS
In CSS können Sie „!important“ verwenden, um das Gewicht zu erhöhen. Die Syntax lautet „selector {style: value!important;}“. Das Hinzufügen von „!importanrt“ zum CSS-Stil kann den übergeordneten Stil überschreiben; er wird in IE6 nicht erkannt, kann aber in IE7 und anderen Browsern verwendet werden, um die Browserkompatibilität zu gewährleisten.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Wir hoffen, dass alle atomaren Klassen auf der Seite sehr große Gewichte haben, sodass, sobald ein Etikett auf der Seite diese atomare Klasse trägt, sofort ein Stil generiert wird, ohne dass er durch seinen eigenen Stil kaskadiert wird. Zu diesem Zeitpunkt können Sie also !important verwenden, um das Gewicht zu erhöhen!
.warning{ color:red !important; }
important bedeutet auf Englisch wichtig. Achten Sie darauf, wie Sie schreiben! Wenn vor dem Semikolon mehrere Attribute zum Erhöhen des Gewichts vorhanden sind, müssen mehrere Attribute geschrieben werden:
.warning{ color:red !important; font-weight: bold !important; }
Hinweis: Der Missbrauch von !important zum Erhöhen des Gewichts ist auf der Seite strengstens untersagt und kann nur im Fall von verwendet werden Atomklassen!
Hinweis:
!important hat keinen Einfluss auf die Vererbung. Ein Tag wird durch Vererbung beeinflusst und sein Gewicht ist 0. Auch wenn !important 0 ist, kann es nicht mit dem ausgewählten Selektor konkurrieren.
!important berührt das Proximitätsprinzip nicht. Es ist sinnlos, „!wichtig“ auf das Ferne zu schreiben, das Nahe wird sich durchsetzen!
Wenn es sich bei allen um geerbte Attribute handelt und die Beschreibungen gleich ähnlich sind, dieses Mal! Es ist nur sinnvoll, das Gewicht wichtig zu erhöhen.
Empfohlenes Lernen: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo erhöhen Sie das Gewicht in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!