Comment couvrir ! important?
P粉200138510
P粉200138510 2023-08-23 18:46:30
0
2
535
<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>
P粉200138510
P粉200138510

répondre à tous(2)
P粉642919823

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.

td.a-semantic-class-name { height: 100px; }

Personnellement, je n'ai jamais utilisé !important。请记住,CSS 中的 C 表示级联。使用 !important dans une feuille de style qui briserait cela.

P粉668146636

Remplacer !modificateur important

  1. Ajoutez simplement une autre règle CSS en utilisant !important et donnez plus de spécificité au sélecteur (ajoutez des balises, des identifiants ou des classes supplémentaires au sélecteur)
  2. Ajoutez une règle CSS avec le même sélecteur après une règle existante (en cas d'égalité, la dernière règle définie gagne).

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) :

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

Ou ajoutez le même sélecteur après le sélecteur existant :

td {height: 50px !important;}

Avertissement :

Utiliser !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 modificateur

pour le remplacer et en limitant les options permettant de le remplacer via JavaScript.

Cependant, il peut être utile de savoir comment

le contourner si nécessaire parfois. 🎜
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal