CSSの重み[ターン]

- 侵害た場合、削除させていただきますお問い合わせください----

インラインスタイルシート(インラインスタイル)>内部スタイルシート(内部スタイルシート)> Waibuyangshibiao(外部スタイルシート)
例外:外部スタイルシートの内部に配置されたスタイルシートは、以下で参照すると、外部スタイル>内部スタイルシート。

1、右のインラインスタイルシートは、1000で、
2、IDセレクタ100の重量;
3、Classクラスセレクタ、右擬似クラスセレクタ値10;
4、HTMLタグセレクタ、擬似要素1の重量。

PS:擬似クラス- 6 - :リンクは,: ,:訪れ ,:アクティブ,:フォーカス,:第一子ホバー
       擬似要素を- 4を持っている- :,:前,:後の第1の第1ライン,: -letter

具体的なコードは次のよう:

コードをコピー
<!DOCTYPE HTML >
 < HTML LANG = "EN" > < > < メタ文字コード= "UTF-8" > < タイトル> CSS样式权值</ タイトル> < スタイル> ボディ{ フォントサイズ20ピクセル; フォント重量900 ; } H3 { 黄色} #redP P { / * 权值100 + 1 = 101 * / #1 F00; / * * / } #redPはEM p.red { / * 。重量+ 1 + 10 + 100 = 112 1 * / カラー#00F ; / * ブルー* / } #redPはEMを.red { / * 右値= 1 + 10 + 100 111。* / カラー#0FF ; / * 水色* / } #redP P EMスパン{ / * 体重+ 1 + 1 + 100 = 103 1。* / カラー#1 FF0 ; / * * / } </ スタイル> < リンクREL= "スタイルシート" HREF = "style.cssに" > </ ヘッド> < ボディ> < H3 >例外:外部样式表>内部样式表</ H3 > < DIV ID = "REDP" > < P クラス= "赤" > < スパン> < EM > emred </ EM > </ スパン> </ P > < P >赤</ P > </ DIV > </ ボディ></ HTML >
コードをコピー

 

おすすめ

転載: www.cnblogs.com/TJack/p/11494328.html