理解CSS n番目の子クラス擬似

CSS n番目の-child擬似クラスの多くの人々は非常に所定の位置に理解されていません

以下は、それらの使用について説明します。

例1:

<スタイル> 
  のLi:テラス、N番目(1){
    背景:#999;
  }
</スタイル>
<body>
<UL>
    <LI>最初の行</ LI>
    <LI>第二列</ LI>
    <LI >第三の行</ LI>
   </ UL>
</ BODY>

  例えばリチウム:n番目の子(1)兄弟のLiの最初の子である(UL下即ち換言すれば最初の子要素)

 

例2:

<スタイル> 
  のLi:テラス、N番目(2){
    背景:#999;
  }
</スタイル>
<body>
<UL>
    <H3> I H3タイトル</ H3>

    <LI>最初の行</ LI>
    < LI>第二列</ LI>
    <LI>第三の行</ LI>
   </ UL>
</ BODY>

 

   例えばリチウム:n番目の子(2)(第2のサブエレメントULにおける言い換えれば、である)第二のサブ要素と同じレベルで最初の子li要素は、H3 ULされているので

  だからではなく、li要素のため、ここでは2のパラメータn番目の子を変更する必要があります

 

 

 

おすすめ

転載: www.cnblogs.com/ayong6/p/11878465.html