サブ要素セレクタ
1.定義:すべての直接の子要素は、特定のラベルを指定見つけ、[プロパティを設定します
2.フォーマット:
タグ名>タグ名2 {
属性:値;
}
3.解釈:ラベル「ラベル名1」と呼ばれる見つけ、このタブで「2ラベル名」要素と呼ばれる、すべての直接の子要素名を検索
DIV> {P 色:赤; } ......省略コード....... < DIV > < P > I段落である</ P > < P > I段落2 </ P > < p型>私は、段落午前3時</ p型> < UL > < 李> < p型>私は羅第4項だ。</ p型> </ 李> </ UL > </ DIV >
4.注意
:
(1)サブ要素セレクタの知恵彼の息子を見つけるために、孫、ひ孫などを見ていません
(2)サブ要素セレクタ「>」シンボルが接続され、スペースなし間に必要。
(3)サブエレメントを使用すると、他のセレクタを使用することができるだけでなく、セレクタタグ名とすることができます。例えば:セレクタまたはClassAクラスIDセレクタ。
ID1#> {P 色:緑; } ......省略コード....... < DIV ID = "ID1" > < P > IそれをIDを用いて試験した</ P > </ DIV >
(4)サブエレメントは継続>同一の符号を選択するために使用することができます。例えば:
DIV> UL> LI> P { 色:青; } ......省略コード....... < DIV > < UL > < 李> < P > I羅セクション4。</ P > </ 李> </ UL > </ DIV >
第二に、どのように相違点と類似点だけでなく、ビジネス開発の子孫セレクタと、選択したサブ要素の選択
1.両者の差
(1)
スペースを使用して接続シンボルとして子孫セレクタ
子要素セレクタとして>接続記号を使用し
(2)子孫セレクタは、特定のラベルを指定したタグに選択される限り...指定されたタグ、息子/孫を選択された特定のラベルのすべての子孫を選択します(つまり、厳密には子孫)
サブ要素タグは、特定のタグを選択します、唯一の息子である、すべての特定の直接ラベルは、特定のラベル(厳密に子孫)を選択しました
2.両方共通で
(1)ラベル名、ID名、クラス名を使用することができます
(2)それぞれ同一の符号を続ける接続することができます。
3.該当シーン
それは異なる点、またはそれらの定義を通して見ることができます
第三に、交差点セレクタ
1.定義:セレクタによって選択されたすべてのタグについて、交差ラベルのプロパティを設定します
2.フォーマット:
セレクタセレクタ1 2 {
属性:値;
}
3.注意点:
(1)セレクタとシンボル選択の間に接続されていません
(2)タグ名/ ID名/クラス名を使用して選択することができます
< スタイル> p.abc1 { 色:赤。 } .abc2#1 open1 { 色:青。 } </ スタイル> </ ヘッド> < ボディ> < p個のクラス= "ABC2" ID = "open1" >测试1 </ P > < P クラス= "ABC1" >测试2 </ P > < Pのクラス=」試験3 </ P > </ ボディ>
(3)事業開発はほとんど使用されない、唯一完了するのに十分な他のセレクタによって理解するので、複雑な構造になることはありません。
第四に、ソースコード:
d72_subelement_selector
d74_intersection_selecotr
住所:
https://github.com/ruigege66/HTML_learning/tree/master
2.CSDNます。https://blog.csdn.net/weixin_44630050(西6月6月ムードが知らない - ルイを)
3.パークブログます。https://www.cnblogs.com/ruigege0000/
4.マイクロチャンネル公衆数に焦点を歓迎:フーリエ変換、舞台裏の返信「贈り物」ビッグデータ集録Javaの学習ビデオのパッケージ