style
屬性によって設定されたスタイルをオーバーライドすることに加えて、!重要
は、スタイルシート內のセレクターが 特異性と一致する場合にのみ使用されます。 。
ただし、特殊性が矛盾する場合でも、例外に対してより具體的なセレクターを作成することをお勧めします。あなたのケースでは、HTML に class
を含めることをお勧めします。これを使用すると、! important
ルールを必要としない、より具體的なセレクターを作成できます。
私は個人的に、スタイルシートで ! important
を使用したことはありません。 CSS の C はカスケードを表すことに注意してください。 #! important を使用すると、これが壊れます。
! important
を使用して別の CSS ルールを追加し、セレクターにさらに具體性を與えます (セレクターに追加のタグ、ID、またはクラスを追加します) より高い特異性を持ついくつかの例 (1 番目がカバー範囲/最も高く、3 番目が最も低い):
リーリーまたは、既存のセレクターの後に同じセレクターを追加します:
リーリー! important
を使用することは、ほとんど良い考えではありません。これは、WordPress テンプレート作成者による不適切なエンジニアリングです。これにより、テンプレートのユーザーはテンプレートをオーバーライドするために獨自の ! important
修飾子を追加することがウイルス的に強制され、JavaScript を介してテンプレートをオーバーライドするためのオプションが制限されます。
ただし、必要に応じて オーバーライドする方法 を知っておくと便利です。