Leilin鵬シェア:CSSセレクタと、ネストされたグループ化

  パケットセレクタ

  スタイルシートで同じスタイルを持つ要素がたくさんあります。

  H1

  {

  色:緑;

  }

  H2

  {

  色:緑;

  }

  P

  {

  色:緑;

  }

  コードを最小限に抑えるには、パケットセレクタを使用することができます。

  カンマで区切られた各選択のために使用されます。

  次の例では、上記のためにバンクセレクタコードを使用します:

  例

  H1、H2、P {色:緑。}

  ネストされたセレクタ

  これは、スタイル・セレクタ内のセレクタに適用される場合があります。

  次の3つの例では、スタイルを設定します。

  pは{}:すべてのp要素のスタイルを指定します。

  {} .marked:すべてのクラス=「マーク」要素は、パターンを指定するため。

  .marked P {}:「マーク」要素内= p要素は、すべてのクラスのスタイルを指定します。

  {} p.marked:すべてのクラス=「マーク」要素のPのパターンを指定します。

  例

  P {色:青、テキスト整列:センター;} .marked {背景色:赤;}; {テキスト装飾:下線;} p.marked {白色}(編集:Pを.marked Leilin鵬ソース:ネットワーク侵入)を削除しました

おすすめ

転載: www.cnblogs.com/pengpeng1208/p/11238277.html