cssセレクタウェイト計算ルールについて!important

cssセレクタウェイト計算規則と!important
cssを追加する4つの方法:外部をリンクし、外部をインポートし、内部スタイルシートと行間を追加します.優先順位は、ライン>内部>リンクスタイル>インポートスタイル、ID>class>要素のように見えます.実際には重み値の大きさを比較します.
セレクタタイプ1、ID#id 2、class.class 3、ラベルp 4.汎用*5、属性[type=“text”*6、擬似クラス:hover 7、擬似要素::first-line
ウェイト計算規則
: 1.第1等:style=」などのインラインスタイルを表し、重み値は1000です.2.第2等:IDセレクタ、例えば:#contentを表し、重み値は0100である.3.第三等:代表クラス、偽クラスと属性セレクタ、例えば.content、重み値は0010です.4.第4等:div pのようなタイプセレクタと擬似要素セレクタを表し、重み値は0001である.5.ワイルドカード、サブセレクタ、隣接セレクタなど.*、>、+のように、権利値は0000です.6.継承されたスタイルには権限値がありません.比較ルール:1,0,0>0,99,99,99.つまり、左から右へ1ランクずつ比較すると、前のレベルが等しくなってから後になります.行間、内部、外部のスタイルにかかわらず、このルールに従って比較されます.直感的な行間>内部>外部スタイルではなく、ID>class>要素.このような錯覚があるのは,確かに行間が1等の重みであるため,その重みが最も高いからである.内部スタイルは、一般的に外部スタイルが参照された後に書かれているため、前のスタイルを上書きします.重みが同じ場合、後ろのスタイルは前のスタイルを上書きします.
!important
!importantの役割は優先度を高めることであり、この文を加えたスタイルの優先度は最も高い(行間の優先度よりも高い).

ほとんどのブラウザでサポートされています!importantの使用.