後代選擇器和子選擇器

2021-07-11 05:29:25 字數 1342 閱讀 3579

後代選擇器

h1 em 選擇器可以解釋為 「作為 h1 元素後代的任何 em 元素

有關後代選擇器有乙個易被忽視的方面,即兩個元素之間的層次間隔可以是無限的。

例如,如果寫作 ul em,這個語法就會選擇從 ul 元素繼承的所有 em 元素,而不論 em 的巢狀層次多深。

.div01 ul li 

.div01 ul li ul li

在.div01 ul li 定義的樣式都會應用到

.div01 ul li ul li上

所以一級列表和二級列表項的寬度、高度等都是一樣的,至於二級列表項的

float: left;是這個樣子,我也不好解釋。

子選擇器

與後代選擇器相比,子元素選擇器(child selectors)只能選擇作為某元素子元素的元素。子元素選擇器使用大於號">"做為連線符。

h1> em 選擇器可以解釋為 「作為 h1 元素子元素的任何 em 元素

如果您不希望選擇任意的後代元素,而是希望縮小範圍,只選擇某個元素的子元素,請使用子元素選擇器(child selector)。

例如,如果您希望選擇只作為 h1 元素子元素的 strong 元素,可以這樣寫:

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

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

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

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

《選擇器》 四 子代選擇器和後代選擇器

1 doctype html 2 html lang cn 3 head 4 meta charset utf 8 5 title title title 6head 7 body 8 div id father 9 div class red 1 div 10 div 211 p 21 p 12 ...