Comment puis-je remplacer le modificateur « !important » en CSS ?

Remplacement du modificateur !important en CSS

En CSS, la déclaration !important est utilisée pour spécifier qu'une règle de style particulière doit ont préséance sur toutes les autres règles pouvant être appliquées au même élément. Cela peut être utile dans certaines situations, mais il doit être utilisé avec parcimonie car cela peut rendre votre feuille de style difficile à maintenir.

Un scénario courant dans lequel vous devrez peut-être remplacer la déclaration !important est lorsque vous créez un fichier personnalisé. feuille de style qui remplace le CSS d'origine pour un modèle WordPress. Cependant, le CSS d'origine a peut-être utilisé la déclaration !important pour définir la hauteur de chaque cellule du tableau.

Il existe deux façons de remplacer la déclaration !important :

1. Ajoutez une autre règle CSS avec !important et donnez au sélecteur une spécificité plus élevée. La spécificité est une mesure de la spécificité d'un sélecteur CSS pour un élément donné. Plus un sélecteur est spécifique, plus sa spécificité est élevée. Vous pouvez augmenter la spécificité d'un sélecteur en ajoutant une balise, un identifiant ou une classe supplémentaire au sélecteur. Par exemple, la règle suivante remplacerait la règle d'origine car elle a une spécificité plus élevée :

table td {height: 50px !important;}

2. Ajoutez une règle CSS avec le même sélecteur plus tard que la règle CSS. celle existante. En cas d'égalité, la dernière règle définie l'emporte. Par exemple, la règle suivante remplacerait la règle d'origine car elle est définie après la règle d'origine :

td {height: 50px !important;}

Avertissement : Ce n'est presque jamais une bonne idée d'utiliser !important . Il s’agit d’une mauvaise ingénierie de la part des créateurs du modèle WordPress. De manière virale, il oblige les utilisateurs du modèle à ajouter leurs propres modificateurs !important pour le remplacer, et limite les options permettant de le remplacer via JavaScript. Il est cependant utile de savoir comment y passer outre, si cela s'avère parfois nécessaire.

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!