css後代選擇器和子選擇器的區別介紹

2022-09-25 20:45:13 字數 432 閱讀 4960

1.用法不同:比如要找div的class名為con中p標籤,子代選擇器用法:div.con>p

後代選擇器:.con p

2.相容性:ie6不支援子代選擇器

3.所達到的效果不同

看下圖用子代選擇器效果:

複製**

**如下:

css的子選擇器

&程式設計客棧lt;/hea程式設計客棧d>

p span1

www.cppcns.com

span2

www.cppcns.com

看後代選擇器效果:

複製**

**如下:

css的子選擇器

span1

span2

本文標題: css後代選擇器和子選擇器的區別介紹

本文位址:

後代選擇器和子選擇器

後代選擇器 h1 em 選擇器可以解釋為 作為 h1 元素後代的任何 em 元素 有關後代選擇器有乙個易被忽視的方面,即兩個元素之間的層次間隔可以是無限的。例如,如果寫作 ul em,這個語法就會選擇從 ul 元素繼承的所有 em 元素,而不論 em 的巢狀層次多深。div01 ul li div0...

CSS後代選擇器,子選擇器和相鄰兄弟選擇器

平時在 練習中,經常用到後代選擇器,子選擇器也會用到,這裡做個總結 1,後代選擇器和子選擇器區別 寫法不一樣 後代選擇器的標識為 空格 如 ul li ul和li之間用空格隔開 子選擇器的標識為 如 ul li ul和li之間用 隔開 相鄰兄弟選擇器的標識為 如 h1 p h1和p之間用 隔開 功能...

css後代選擇器和子選擇器的區別

點評 css後代選擇器和子選擇器的區別 用法不同,相容性,所達到的效果不同等等,需要了解的朋友可以參考下1.用法不同 比如要找div的class名為con中p標籤,子代選擇器用法 div.con p 後代選擇器 con p 2.相容性 ie6不支援子代選擇器 3.所達到的效果不同 看下圖用子代選擇器...