Maison  >  Questions et réponses  >  le corps du texte

Comment couvrir ! important?

<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粉200138510P粉200138510445 Il y a quelques jours493

répondre à tous(2)je répondrai

  • P粉642919823

    P粉6429198232023-08-24 16:11:47

    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.

    répondre
    0
  • P粉668146636

    P粉6681466362023-08-24 15:45:31

    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. 🎜

    répondre
    0
  • Annulerrépondre