Comment couvrir ! important?
P粉200138510
2023-08-23 18:46:30
<p>J'ai créé une feuille de style personnalisée qui remplace le CSS d'origine de mon modèle WordPress. Cependant, sur ma page de calendrier, le CSS d'origine définit la hauteur de chaque cellule du tableau à l'aide de la déclaration <code>!important</code>
<pre class="brush:php;toolbar:false;">td {hauteur : 100px !important}</pre>
<p>Existe-t-il un moyen de contourner cela ? </p>
En plus de remplacer
style
属性设置的样式之外,!important
uniquement si le sélecteur dans la feuille de style a une spécificité.Mais même si vos spécificités entrent en conflit, il est préférable de créer des sélecteurs d'exceptions plus spécifiques. Dans votre cas, il est préférable d'inclure un sélecteur plus spécifique avec une règle
class
,您可以使用它来创建不需要!important
dans le HTML.Personnellement, je n'ai jamais utilisé
!important
。请记住,CSS 中的 C 表示级联。使用!important
dans une feuille de style qui briserait cela.Remplacer !modificateur important
!important
et donnez plus de spécificité au sélecteur (ajoutez des balises, des identifiants ou des classes supplémentaires au sélecteur)Quelques exemples avec une spécificité plus élevée (le premier est la couverture/la couverture la plus élevée, le troisième est la plus faible) :
Ou ajoutez le même sélecteur après le sélecteur existant :
Avertissement :
Utiliser
pour le remplacer et en limitant les options permettant de le remplacer via JavaScript.!important
几乎从来都不是一个好主意。这是 WordPress 模板创建者的糟糕工程。它以病毒式传播的方式强制模板的用户添加自己的!important
n'est presque jamais une bonne idée. Il s’agit d’une mauvaise ingénierie de la part des créateurs de modèles WordPress. Il est devenu viral en obligeant les utilisateurs du modèle à ajouter leur propre modificateurCependant, il peut être utile de savoir comment
le contourner si nécessaire parfois. 🎜