平時在**練習中，經常用到後代選擇器，子選擇器也會用到，這裡做個總結：
1，後代選擇器和子選擇器區別：
①寫法不一樣：後代選擇器的標識為：空格
如：ul li 【ul和li之間用空格隔開】
子選擇器的標識為：>
如：ul>li【ul和li之間用》隔開】
相鄰兄弟選擇器的標識為：+
如：h1 + p［h1和p之間用+隔開］
②功能不一樣：
後代選擇器(descendant selector），又稱為包含選擇器，可以選擇某元素後代的元素（子子孫孫元素），如上例，後代選擇器是選擇ul包圍的所有元素中的所有li元素，包括兒子元素、孫子元素、曾孫元素等等等。
與後代選擇器相比，子元素選擇器（child selectors）只能選擇作為某元素兒子元素的元素，子選擇器僅僅選擇ul包圍的兒子元素中的 li元素，不包括孫元素、曾孫元素等等等。
相鄰兄弟選擇器很好理解，即選擇緊接在另一元素後的元素，且二者有相同父元素。
請看下面這個選擇器：③相容性不一樣：
後代選擇器主流瀏覽器都相容。
子選擇器和相鄰兄弟選擇器在ie6是不被支援的選擇器，會出bug！
html > body table + ul這個選擇器解釋為：選擇緊接在 table 元素後出現的第乙個相鄰兄弟 ul 元素，該 table 元素包含在乙個 body 元素中，body 元素本身是 html 元素的子元素。
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的...
CSS系列之後代選擇器 子選擇器和相鄰兄弟選擇器
css h1 em html html head style type text css h1 em style head body h1 this is a em important em heading h1 p this is a em important em paragraph.p bod...