CSS - の有無にかかわらず、重要な

Question

私はデフォルトにここreact semantic UI

に属しDropdownプロパティを上書きしたいが、私のドロップダウンです：

<Dropdown 
    placeholder="User" 
    selection 
    compact 
    options={userOptions} 
/> 

私のドロップダウン内のテキストもそう多くのパディングを持っています私もドロップダウンアイコンからパディングを処分した

.default.text { 
    font-size: 10px; 
    padding: 0; 
} 

：私のCSSで私はそうのようにそれを削除

しかし

.dropdown.icon { 
    padding: 0 !important; 
} 

、あなたは私が!important

関連の質問を使用する場合、これが唯一の仕事を見ることができるように：アイコンパディングが唯一!importantを使ってどのように動作来る

1. を - テキストのパディングはしませんでした必要があります!important

2. !importantは悪い習慣です。どうしてもそれを使用しないでください。これらのプロパティを上書きする方法/ベストプラクティスは何ですか？

Answer 1

のように、css rule specificity高いを使用します。アイコンのパディングがのみ使用してどのように動作する来る重要

.somegrandparent .someparent .dropdown.icon { 
    padding:0; 
} 

- テキスト パディングは必要ありませんでした重要な

を！

!importantを使用していない1つのルールは、すでに高い特異性を持っている可能性がありますが、もう1つはそうではないため、機能しています。

重要なことは悪い習慣です。すべての費用は で使用しないでください。これらのプロパティを上書きするにはどうすればよいですか？/ ベストプラクティスは何ですか？

"ok"外部ライブラリを控えめに無効にするために使用します。しかし、cssの競合/バグをデバッグする方が簡単になるため、より高い特異性で優先させることが可能な場合は、優先されます。