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

2021-07-28 09:09:34 字數 492 閱讀 8427

1.後代選擇器和子元素選擇器之間的區別?

1.1

後代選擇器使用空格作為連線符號

子元素選擇器使用》作為連線符號

1.2

後代選擇器會選中指定標籤中, 所有的特定後代標籤, 也就是會選中兒子/孫子…, 只要是被放到指定標籤中的特定標籤都會被選中

子元素選擇器只會選中指定標籤中, 所有的特定的直接標籤, 也就是只會選中特定的兒子標籤

2.後代選擇器和子元素選擇器之間的共同點

2.1

後代選擇器和子元素選擇器都可以使用標籤名稱/id名稱/class名稱來作為選擇器

2.2

後代選擇器和子元素選擇器都可以通過各自的連線符號一直延續下去

選擇器1>選擇器2>選擇器3>選擇器4{}

3.在企業開發中如何選擇

如果想選中指定標籤中的所有特定的標籤, 那麼就使用後代選擇器

如果只想選中指定標籤中的所有特定兒子標籤, 那麼就使用子元素選擇器

後代選擇器和子選擇器

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

子元素和後代元素選擇器

我是div的多少京東i啊水平較低的怕就怕但是就怕的 在金色的麥田中 我是p標籤 有一群小朋友 父元素 直接包含子元素的元素 子元素 直接被父元素包含的元素 祖先元素 直接或間接包含後代元素的元素 後代元素 直接或間接被祖先元素包含的元素 兄弟元素 擁有相同父元素的叫做兄弟元素 為div中的span ...

CSS後代選擇器 子元素選擇器 相鄰兄弟選擇器

後代選擇器 後代選擇器 descendant selector 又稱為包含選擇器。後台選擇器可以選擇作為某元素後代的元素。例子 如果只希望h1元素中的em元素應用樣式,可以這樣寫 em元素 強調文字 h1 em this is a important paragraph.注意 如果寫作ul em,這...