Comment puis-je remplacer la règle « !important » en CSS ?

Remplacement de la règle !important dans CSS

Lors de la personnalisation du CSS pour un modèle Wordpress, il est constaté que le CSS d'origine définit une propriété avec la déclaration !important, ce qui la rend difficile à remplacer.

Méthodes de remplacement

Pour remplacer la règle !important, il existe deux méthodes :

1. Augmenter la spécificité du sélecteur : Ajoutez une balise, un identifiant ou une classe supplémentaire au sélecteur, lui donnant une spécificité plus élevée que la règle d'origine. Par exemple :

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

2. Réorganiser les règles CSS : Ajoutez le même sélecteur ultérieurement dans la feuille de style, car la dernière règle définie l'emporte dans l'événement. d'une cravate :

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

Supplémentaire Considérations

Bien que la substitution de !important puisse résoudre des problèmes spécifiques, il est crucial de noter que son utilisation est généralement déconseillée dans le développement Web. C'est une mauvaise ingénierie de s'appuyer fortement sur !important et peut conduire à une spécificité excessive, compliquant la maintenance CSS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!