CSS には、クラス セレクター、タグ セレクター、ID セレクターなど、多くのセレクターがあります。セレクターごとに優先順位も異なります。今日は、CSS セレクターの優先順位について説明します。順序と !重要 の使い方を参考にしていただければ幸いです。
1. !重要は、最も高い優先度 を示します。 IE6 ブラウザが !重要 を認識しません。
例:
通常、以下に記述されたスタイルは、上記のスタイルよりも優先されます。
demo1{
color:red;
color:green; /*绿色的优先级高于红色，所有浏览器都会显示绿色*/
}! important を追加すると、IE6 の優先度が高くなります。比較的愚かで私にはわかりません。
demo2 {
color:red !important; /*除了ie6，其他浏览器会认为红色优先级高，显示红色字体*/
color:green; /*ie6浏览器则顺序读取css所以显示绿色*/
}ただし、ie6 は ! important の優先度を認識しませんが、ie6 が ! important を含む style 属性を認識しないという意味ではないことに注意してください。
demo3{
color:red;
color:green !important; /*包括ie6，所有浏览器都显示绿色字体，ie6只是不认识优先级罢了*/
}2. CSS (Cascading Style Sheets) カスケード スタイル シート 実際のアプリケーションでは、通常 3 つのカスケード メソッドがあります。
優先順位: インライン スタイル シート (タグ内) > 埋め込みスタイル シート (現在のファイル内) > 外部スタイル シート (外部ファイル内)。
1. 外部スタイル (複数の Web ページに適用)
外部スタイル シートでは、CSS コードは別のファイルとして保存されます。たとえば、style.css ファイルにはすべてのスタイルが含まれます。 。 HTML での外部カスケードは、 タグまたは @import ステートメントを使用して導入されます。
サンプル コードは次のとおりです。
<link rel="stylesheet" href="style.css" type="text/css" /> //link 链接
@import url("style.css"); //@import 导入@import と @import の類似点と相違点については、記事「
2.現在のページに適用されます)
ポータル Web サイトの CSS コードは通常、インライン スタイル (インライン スタイル) として知られ、