重要なキーワードを使い最適化するには？

Question

私は一時間グーグルでてきたし、私はまだこのルールを理解しないと、どのように最適化することです安全：

.main_container .top_nav { 
    padding: 0 !important; 
    padding: 10px 20px 0; 
} 

私の野生の推測では、このCSSの著者が重要であるとすべてのパディングを望んでいたということですそれを上書きすると、!importantが削除されます。私は...このことについて良い説明を見つけるカントと私はPyCharmとする「optimize properties」しようとしたとき、私は取り除か全体の最初の行を取得します：

.main_container .top_nav { 
    padding: 10px 20px 0; 
} 

私はおそらくいくつかの説明が役立つだろう、全体のものを得るいけません。 ..

Answer 1

これは少し奇妙なケースのように聞こえる。

このCSSのブラウザの理解が効果的になります：これは悪いCSSがある

.main_container .top_nav { 
    padding: 0 !important; 
} 

2. !importantはインラインよりも（高い特異性の最高レベルである（同じブロック内のルールを複製）スタイル） - ブラウザは常にこのルールを第2のものよりも優先します。

CSSを書いた人は誰でも実際にしたがって、2番目の行を削除する必要があります。しかし、使用しているPyCharmオプティマイザは特異性を理解していないようで、最初に発生したpaddingを削除しました。

CSSの詳細については、Keegan Street's CSS specificity calculatorを参照してください。おそらくこれはCSSに関する最も重要なことです。 CSSを掘り下げる際には、まずはCSSの特異性について学ぶべきだと思います。