パケットセレクタ
スタイルシートで同じスタイルを持つ要素がたくさんあります。
H1
{
色:緑;
}
H2
{
色:緑;
}
P
{
色:緑;
}
コードを最小限に抑えるには、パケットセレクタを使用することができます。
カンマで区切られた各選択のために使用されます。
次の例では、上記のためにバンクセレクタコードを使用します:
例
H1、H2、P {色:緑。}
ネストされたセレクタ
これは、スタイル・セレクタ内のセレクタに適用される場合があります。
次の3つの例では、スタイルを設定します。
pは{}:すべてのp要素のスタイルを指定します。
{} .marked:すべてのクラス=「マーク」要素は、パターンを指定するため。
.marked P {}:「マーク」要素内= p要素は、すべてのクラスのスタイルを指定します。
{} p.marked:すべてのクラス=「マーク」要素のPのパターンを指定します。
例
P {色:青、テキスト整列:センター;} .marked {背景色:赤;}; {テキスト装飾:下線;} p.marked {白色}(編集:Pを.marked Leilin鵬ソース:ネットワーク侵入)を削除しました