在CSS中,選擇當(dāng)前元素的兒子元素是非常常見(jiàn)的需求。下面就來(lái)介紹幾種實(shí)現(xiàn)的方法。
代碼示例1: 父元素 >子元素 { /*樣式*/ } 說(shuō)明:使用 “>” 選取父元素下直接的兒子元素,可以用于選取某一級(jí)的兒子元素。 代碼示例2: 父元素 子元素 { /*樣式*/ } 說(shuō)明:不使用符號(hào),則選取父元素下所有的子元素。 代碼示例3: : first-child { /*樣式*/ } 說(shuō)明:使用偽類選擇器選取父元素下第一個(gè)兒子元素。 代碼示例4: : nth-child(n) { /*樣式*/ } 說(shuō)明:使用偽類選擇器選取父元素下第n個(gè)兒子元素,其中n可為數(shù)字、odd、even等。 代碼示例5: : only-child { /*樣式*/ } 說(shuō)明:使用偽類選擇器選取父元素下唯一的兒子元素。 代碼示例6: : last-child { /*樣式*/ } 說(shuō)明:使用偽類選擇器選取父元素下最后一個(gè)兒子元素。
以上幾種方法在實(shí)際開(kāi)發(fā)中都是非常有用的,可以根據(jù)不同的需求進(jìn)行選取。
上一篇css 隱藏后占用空間
下一篇css 銀行卡管理