Wie kann ich die „!important'-Regel in CSS überschreiben?

Überschreiben der !important-Regel in CSS

Beim Anpassen von CSS für eine Wordpress-Vorlage wird festgestellt, dass das ursprüngliche CSS eine Eigenschaft mit der !important-Deklaration festlegt und diese dadurch erstellt schwer zu überschreiben.

Methoden zum Überschreiben

Um das zu überschreiben !wichtige Regel, es gibt zwei Methoden:

1. Selektorspezifität erhöhen: Fügen Sie dem Selektor ein zusätzliches Tag, eine zusätzliche ID oder eine zusätzliche Klasse hinzu, um ihm eine höhere Spezifität zu verleihen als die ursprüngliche Regel. Zum Beispiel:

   table td {height: 50px !important;}
   .myTable td {height: 50px !important;}
   #myTable td {height: 50px !important;}

   Nach dem Login kopieren

2. CSS-Regeln neu anordnen: Fügen Sie den gleichen Selektor zu einem späteren Zeitpunkt im Stylesheet hinzu, da die zuletzt definierte Regel im Ereignis gewinnt eines Unentschiedens:

   td {height: 100px !important;}
   td {height: 50px !important;}

   Nach dem Login kopieren

Zusätzlich Überlegungen

Obwohl das Überschreiben von !important bestimmte Probleme lösen kann, ist es wichtig zu beachten, dass von seiner Verwendung in der Webentwicklung generell abgeraten wird. Es ist schlechte Technik, sich stark auf !important zu verlassen und kann zu übermäßiger Spezifität führen, was die CSS-Wartung erschwert.

Das obige ist der detaillierte Inhalt vonWie kann ich die „!important'-Regel in CSS überschreiben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!