Comment couvrir ! important?
William Shakespeare
William Shakespeare 2023-08-23 18:46:30
0
2
440

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 !important

td {hauteur : 100px !important}

Existe-t-il un moyen de contourner cela ?

William Shakespeare
William Shakespeare

répondre à tous (2)
P粉642919823

En plus de remplacerstyle属性设置的样式之外,!importantuniquement si le sélecteur dans la feuille de style a unespé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ègleclass,您可以使用它来创建不需要!importantdans le HTML.

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

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

    P粉668146636

    Remplacer !modificateur important

    1. Ajoutez simplement une autre règle CSS en utilisant!importantet 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 模板创建者的糟糕工程。它以病毒式传播的方式强制模板的用户添加自己的!importantn'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 savoircomment

    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
      À propos de nous Clause de non-responsabilité Sitemap
      Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!