首先我們來了解一下子元素選擇器與後代選擇器的基本語法
語法子元素選擇器的語法如下：
div>ul
子元素選擇器使用大於號">"做為連線符，子元素選擇器只能選擇作為某元素子元素的元素
後代選擇器的語法如下：
h1 em
後代選擇器可以選擇作為某元素後代的元素,父元素與子元素必須用空格隔開，從而表示選中某個元素下的子元素。
二者區別：
我們通過乙個例項來講解子選擇器與後代選擇器的區別
先來看一下後代選擇器div p的效果
子元素選擇器
後代選擇器
執行結果如圖：
css 子選擇器
再來看一下子選擇器div p的效果
子元素選擇器
後代選擇器
執行結果如圖：
css 子選擇器
從上面例項可以看出子選擇器只作用於其第一代元素，而後代選擇器作用於n（n為自然數）代元素。
後代選擇器和子元素選擇器
1.後代選擇器和子元素選擇器之間的區別?1.1 後代選擇器使用空格作為連線符號 子元素選擇器使用 作為連線符號 1.2 後代選擇器會選中指定標籤中,所有的特定後代標籤,也就是會選中兒子 孫子 只要是被放到指定標籤中的特定標籤都會被選中 子元素選擇器只會選中指定標籤中,所有的特定的直接標籤,也就是只會...
CSS後代選擇器 子元素選擇器 相鄰兄弟選擇器
後代選擇器 後代選擇器 descendant selector 又稱為包含選擇器。後台選擇器可以選擇作為某元素後代的元素。例子 如果只希望h1元素中的em元素應用樣式，可以這樣寫 em元素 強調文字 h1 em this is a important paragraph.注意 如果寫作ul em，這...
css後代選擇器，相鄰兄弟選擇器，子元素選擇器
後代選擇器 element element 例 div p 將會選中div元素中的p元素 相鄰兄弟選擇器 element element 例 div p 將會選中div元素塊結束後緊跟著的p 元素，即形為.的p元素會被選中 子元素選擇器 element element 例 div p 當div是p的...