ホームページ  >  記事  >  ウェブフロントエンド  >  css重要とは何ですか

css重要とは何ですか

藏色散人
藏色散人オリジナル
2020-12-31 10:00:192324ブラウズ

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

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