.classセレクタ全体を重要にする

Question

.class CSSセレクタ全体を重要なものにすることは可能ですか？私はこの種の構造で考えています：

.custom-selector !important { 
    display: inline-block; 
    vertical-align: middle; 
    position: relative; 
    padding-left: 5px; 
} 

私はそれが可能かどうかわかりません。

Answer 1

いいえ、不可能です。 !importantは最後の手段であると考えられているため、控えめに使用する必要があります。全体のセレクタを作成することは、そのアイデアを思い浮かばせるでしょう。

Answer 2

最初にオフ！importantは、CSSルールの特定の宣言に適用されます。クラスには適用されません。だから、 "いいえ"あなたはクラスを作ることができません！重要です。

重要なのは、CSSの特異性の一部です。また、他の方法を使ってルールをより具体的なルールにすることもできます（クラスだけでなく親チェーンのIDを参照するなど）。CSSを使用しているときは！importantは最後の選択肢ですあなたがコントロールしていないいくつかのCSSをオーバーライドしなければならない場合は、時にはそれが重要です。便利。詳細は

チェックthis question here。それはより良いものを説明しているよう。