ホームページ  >  記事  >  ウェブフロントエンド  >  CSSが重要 とはどういう意味ですか?

CSSが重要 とはどういう意味ですか?

藏色散人
藏色散人オリジナル
2021-04-13 09:12:042710ブラウズ

CSS の

important は、指定されたスタイル ルールの適用優先​​度を上げるために使用される構文です。その構文形式は、「{sRule! important}」などです。優先度の高い CSS スタイルは、優先度の低い CSS スタイルをオーバーライドします。スタイル。

CSSが重要 とはどういう意味ですか?

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

HTML Web ページでは、CSS スタイルは優先度に基づいて使用されます。優先度の高い CSS スタイルは優先度の低いスタイルをオーバーライドし、多くの CSS 属性が継承されるため、影響を受けます。Web ページの表示には、次のようなものを使用できます。 !この状況を変えることが重要です。

#! important は CSS1 で定義されている構文で、指定されたスタイル ルールの適用優先​​度を高めるために使用されます。構文形式 { sRule! important } は、次のように定義の最後に直接記述されます。

p{color:green !important;}

注: IE はこの構文をサポートしていませんが、他のブラウザはサポートしています。したがって、これを使用して、FF ブラウザーと IE ブラウザーのスタイルをそれぞれ定義できます。

スタイル A が定義されている場合 (フォント サイズなど)、今後スタイル A でこのフォント サイズを上書きしない場合は、! important を使用することもできます。も使用されています!重要な場合も強制的に上書きされます

.A{
 font-size:12px !important;
}
.A{
 font-size:14px;   //不会生效
}
.A{
 font-size:14px !important; //生效
}

これは同じ名前のスタイル、つまり A という両方のスタイル名を持つスタイルである必要があることに注意してください。親の場合は機能しません。と子、例:

<html>
<head>
<style>
.father{
font-size:12px !important;
}
.child{
font-size:14px;
}
</style>
<body>
<div class="father">
 <div class="child">I am child </div>
</div>
</body>
</html>

この場合、子のフォント サイズは 14 ピクセルで、父親の影響を受けません。

【推奨学習:

css ビデオ チュートリアル

以上がCSSが重要 とはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。