css重要とは何ですか-フロントエンドQ&A-php.cn

css重要とは何ですか

藏色散人

リリース： 2023-01-04 09:38:23

オリジナル

2377 人が閲覧しました

css important は、CSS1 で定義された構文です。その機能は、指定されたスタイルルールの適用優先度を高め、ブラウザがこのステートメントを最初に実行できるようにすることです。その構文形式は、「{ sRule ! important }」などです。、これは一般的にハッキングを行うために使用されます。

css重要とは何ですか

#この記事の動作環境: Windows10 システム、css3、thinkpad t480 コンピューター。

推奨事項: "

css ビデオチュートリアル "

CSS の ! important は通常、ハッキングに使用され、その後に ! important css ステートメントが続くため、ブラウザーはこのステートメントを実行します。

CSS はスタイルを継承しているため、!importanrt を追加すると親スタイルをオーバーライドできます。 IE6 では認識できませんが、IE7 やその他のブラウザではブラウザの互換性を処理するために使用できます。

#! important

! 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重要とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。