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

2021-06-12 08:51:37 字數 335 閱讀 1742

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

後代選擇器:.con p

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

3.所達到的效果不同

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

複製****如下: p

span1

span2

看後代選擇器效果:

複製****如下:

span1

span2

詳細出處參考:

詳細出處參考:

後代選擇器和子選擇器

後代選擇器 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之間用 隔開 功能...

後代選擇器和子元素選擇器

1.後代選擇器和子元素選擇器之間的區別?1.1 後代選擇器使用空格作為連線符號 子元素選擇器使用 作為連線符號 1.2 後代選擇器會選中指定標籤中,所有的特定後代標籤,也就是會選中兒子 孫子 只要是被放到指定標籤中的特定標籤都會被選中 子元素選擇器只會選中指定標籤中,所有的特定的直接標籤,也就是只會...