p {
font-size: 24px !important;
}Die !important Regel am Ende eines Wertes überschreibt alle anderen Stildeklarationen dieses Attributs, einschließlich Inline-Stile.
Style Override Technik
Chris Coyier am
Wow… ich lerne hier etwas Neues… Danke für den Snippet..
Yo Mann, echt cool. Ich stimme Mansur zu. Habe eine neue böse Technik gelernt.
Ich versuche, ein Durcheinander zu bereinigen, das von Framemaker erstellt wurde, und versuche, einen Haufen
von Stilen mit einem Stylesheet zu überschreiben.
Ich habe versucht, den folgenden Code zu verwenden, aber er scheint ignoriert zu werden
ul.B-Bullet1 {
list-style-type: circle !important;
font-family: “Arial”, Verdana, sans-serif;
color: #17202A;
margin-left: 30px !important;
font-size: 100%;
}
ul.B-Bullet2{
list-style-type: square !important;
font-family: “Arial”, Verdana, sans-serif;
color: #17202A;
margin-left: 30px !important;
font-size: 100%;
}
Was mache ich falsch?
Es ist böse!!!
Code sauber und man muss das nicht tun.
Chris, es ist nicht böse, aber manchmal notwendig. Stell dir vor, du benutzt etwas wie Joomla und musst CSS-Stile eines Moduls ändern. Wenn sie das Modul aktualisieren, ist alles weg. Aber wenn du die Stile, die du bearbeiten möchtest, extrahierst und "importierst", kannst du dein eigenes CSS mit den Änderungen anhängen und meistens hast du keine Probleme beim Aktualisieren :)
Wie überschreibt man die Farbe des Sticky-Farb-Stils
Zum Beispiel
.sticky{
color:#000;
}
.nav{
color:#fff;
}
Ich bekomme #fff als Farbe, auch wenn die Sticky-Klasse in der Sticky-Navigation hinzugefügt wird.
Bitte helfen Sie!!
Du solltest die nächste CSS-Anweisung schreiben, wenn dieses Navigationselement beide Klassen enthält.
Wenn du das Navigationselement innerhalb des Sticky-Elements überschreiben musst
Gut, gut, ich habe heute etwas Neues gelernt
Toll, Chef.. danke!!
wenn das !important bereits oben angegeben ist.
Die Lösung ist.
Spezifität
OMG… Es funktioniert einwandfrei.. Erstaunlich, nachdem ich 3 Stunden im Internet gesucht habe, habe ich endlich diesen Artikel gefunden… Vielen Dank
Wie überschreibt man style=”display: none !important;”