CSSが重要とはどういう意味ですか?-フロントエンドQ&A-php.cn

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

藏色散人

リリース： 2023-01-05 16:07:50

オリジナル

2777 人が閲覧しました

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 サイトの他の関連記事を参照してください。

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

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