css - オーバーライドする CSS 宣言をバイパスする方法

Question

更新：以下の私の答えを見てください

最初の宣言が後続の宣言によってオーバーライドされているにもかかわらず、.alert最初の CSS 宣言のプロパティを使用しようとしています。div

CSS

.alert{ margin:10px; } // one.css
.alert{ margin:0; } // two.css

HTML

<div class="alert">Hello!</div>

two.css の宣言をオーバーライドする別の宣言を作成することなく、この状況を処理できる方法があるかどうか知っていますか?

Google と SO を検索しましたが、これに対する解決策が見つかりません。

編集:最初の宣言を行う!importantか、その具体性を高めると、2 番目の .alert 宣言の使用が中断されます。残念ながら、それはオプションではありません。

Answer 1

クラス名の前に親IDセレクターを参照して、そのクラスプロパティが支配的な値を取るようにします。親 ID がない場合は作成します。すべての状況で適切に機能するとは限らないため、!important を使用して中継する必要はありません。

このようなもの...

#parent .alert { margin:10px;}

Answer 2

を使用し!importantます。

.alert{ margin:10px !important; } // one.css
.alert{ margin:0; } // two.css

または、宣言を よりも具体的にしtwo.cssます。またはのone.css後にロードしtwo.cssます。