HTML 19インチシリアル子要素セレクター&交差点セレクタ

サブ要素セレクタ

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の学習ビデオのパッケージ

 


おすすめ

転載: www.cnblogs.com/ruigege0000/p/11129842.html