セレクタの7種類
/ * 1タグセレクタ* / UL { 背景色:#0000FF; } / * 2.idセレクタ* / #U { :;地色赤 } :ラベル/クラスセレクタ3との間*プロパティは* /それを使用することができる .TEST { 背景色:ピンク; } / * 4セレクタの組み合わせ:それ* /インター選択使用する共通の特徴 .TEST、U#{ フォントサイズ:20ピクセルを; } / * 5.すべてのセレクタ* / * { 色:DarkGreen; } / * 6サブタブセレクタ:タグは、Sunを選択することができないことに注意してください。#Uのみ李タグの下に作用するよう、ラベル* /に適用されていない #U { 色:白; } / * 7属性選択:指定された属性と属性値の指定されたタグ値* /含む [HREF =「#」] { 色:ピンク; } / * 8擬似クラスセレクタ:タグ:コマンド* / 李A:ホバー{ 色:オレンジレッド。 }
:擬似クラスセレクタはを参照して前記https://www.runoob.com/css/css-pseudo-classes.html
優先順位セレクタ
-
優先順位は、インラインスタイル1000。
-
IDプライオリティセレクタ100。
-
擬似クラスと優先度クラスセレクタ10。
-
優先順位要素はセレクタです。
-
*野生優先セレクタは0です。
-
継承されたスタイルセレクター1。
CSSの書き込みルーチン
1.宣言CSSコードフィールド
2.ラベルを追加したいスタイルを選択するセレクタを使用
需要によると:
- スタイルを追加するには、ページ全体のためにすべてのセレクタを使用
- スタイルの異なるラベルにクラスセレクタを使用します
- ラベルスタイルの特定のタイプを追加するセレクタにタグをつけます
- スタイルセレクタに使用したIDの選択、およびその他の属性セレクタ
3.ライティングスタイルシート
3.1境界線の設定
国境:固体赤1ピクセル。
3.2フォントの設定
フォントサイズ:10pxの; フォントファミリ:「黑体」。 フォント重量:太字;
3.3フォントの色の設定
赤色;
3.4背景色の設定
背景色:赤。
3.5背景画像の設定
背景-IMG:URL;
3.6幅と高さの設定
3.7フローティング設定
フロート:左/右;
3.8高行(行間隔)が設けられています。
行の高さ:10pxの;