シニアセレクタ03-
高度なセレクタは、に分かれています。
-
子孫セレクタ
-
子孫セレクタ
-
そして、セレクタを設定します
-
交差点セレクタ
子孫セレクタ
使用スペースは、子孫のセレクターを示しています。名前が示すように、（息子、孫、ひ孫を含む）親要素の子孫
1 .containerのP {
2色：赤。
3}
4 .containerの.itemのP {
5色：黄色。
6}
子孫セレクタ
>子孫セレクタを表して使用してください。例えばDIV> pについて、単に子孫（孫を含んでいない....）素子Pを選択し、現在のdiv要素を表します。
1 .container> P {
2色：黄緑色。
3}
そして、セレクタを設定します
複数のセレクタを分離するために、カンマを使用して。複数のラベルで選択したページを表示します。いくつかの共通要素は、セレクタを使用して設定することができます
1 / *セレクタを設定し、* /
2 H3、{A
3色：＃008000;
4 -装飾テキスト：なし;
5
。6}
Baiduの家庭での使用と設定セレクタなど。
体、H1、H2、H3、 H4、H5、H6、時間、P、BLOCKQUOTE、DL、DT、DD、UL、OL、リチウム、プレフォーム、フィールドセット、凡例、ボタン、入力、TEXTAREA、目、TD {
マージン：0;
パディング：0
}
/ *セレクタにより選択されたページを使用して、すべてのタグが使用される設定した場合、ページレイアウト* /
交差点セレクタ
使用してください。交差点セレクタを表します。div.active：最初のタグを選択するためのタグであり、第二の標識は、クラスセレクタ構文でなければなりません
例えば<H4クラス= 'アクティブ'> </ H4>このような標識。
それから
1 H4 {
2幅：100pxに。
3フォントサイズ：14px;
4}
5 .active {
6色：赤。
7テキスト装飾：下線;
8}
9 / *交集选择器* /
10 h4.active {
11背景：＃1 00BFFF。
12}
これは、共通の特性の両方の後に選択された要素を表します。
高度なセレクタは、に分かれています。
-
子孫セレクタ
-
子孫セレクタ
-
そして、セレクタを設定します
-
交差点セレクタ
子孫セレクタ
使用スペースは、子孫のセレクターを示しています。名前が示すように、（息子、孫、ひ孫を含む）親要素の子孫
1 .containerのP {
2色：赤。
3}
4 .containerの.itemのP {
5色：黄色。
6}
子孫セレクタ
>子孫セレクタを表して使用してください。例えばDIV> pについて、単に子孫（孫を含んでいない....）素子Pを選択し、現在のdiv要素を表します。
1 .container> P {
2色：黄緑色。
3}
そして、セレクタを設定します
複数のセレクタを分離するために、カンマを使用して。複数のラベルで選択したページを表示します。いくつかの共通要素は、セレクタを使用して設定することができます
1 / *セレクタを設定し、* /
2 H3、{A
3色：＃008000;
4 -装飾テキスト：なし;
5
。6}
Baiduの家庭での使用と設定セレクタなど。
体、H1、H2、H3、 H4、H5、H6、時間、P、BLOCKQUOTE、DL、DT、DD、UL、OL、リチウム、プレフォーム、フィールドセット、凡例、ボタン、入力、TEXTAREA、目、TD {
マージン：0;
パディング：0
}
/ *セレクタにより選択されたページを使用して、すべてのタグが使用される設定した場合、ページレイアウト* /
交差点セレクタ
使用してください。交差点セレクタを表します。div.active：最初のタグを選択するためのタグであり、第二の標識は、クラスセレクタ構文でなければなりません
例えば<H4クラス= 'アクティブ'> </ H4>このような標識。
それから
1 H4 {
2幅：100pxに。
3フォントサイズ：14px;
4}
5 .active {
6色：赤。
7テキスト装飾：下線;
8}
9 / *交集选择器* /
10 h4.active {
11背景：＃1 00BFFF。
12}
これは、共通の特性の両方の後に選択された要素を表します。