CSS で ! important ステートメントを使用して優先順位を強制する方法の詳細な紹介

! important ステートメントは優先順位を強制します

CSS の優先順位には、もう 1 つ無敵のステートメントがあります。それは ! important です。

CSS スタイル シートでは、! important 宣言を持つスタイルが最初に使用され、その優先順位は、インライン スタイル属性で宣言されたスタイルを含め、あらゆる場所および方法でスタイル宣言をオーバーライドします。

たとえば、次のコード:

<style type="text/css"> 
p{ color:red !important; }  
</style> 
<p style="color: blue; ">这是一行文字</p>

ここのテキスト行は、ブラウザでは依然として赤いフォントで表示されます。

したがって、CSS スタイルの一致の優先順位は次の順序に従います:

(1) !重要な宣言は他のすべてに優先します。

(2) インライン スタイルは 2 番目です。

(3) スタイルシート内の宣言はセレクターの重みでソートされます。

(4) 最後に、「後から来る」原則に従い、ブラウザがスタイルシートを実行する順序に従ってスタイルを一致させます。

もちろん、最後に 1 つ強調しておく必要があります。スタイルが設定されていない場合は、親ノードのスタイルが自動的に継承されます。

以上がCSS で ! important ステートメントを使用して優先順位を強制する方法の詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。