- 侵害た場合、削除させていただきますお問い合わせください----
インラインスタイルシート(インラインスタイル)>内部スタイルシート(内部スタイルシート)> 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 >