e f 功能描述：影響的f元素被包含在e元素內（e影響下面所有層次的元素f）只開啟後代選擇器的**，不開啟的都預設注釋掉
/*後代選擇器*/
body p
開啟後代選擇器和子選擇器
/*後代選擇器*/
body p
/*子選擇器*/
body>p
其實此時p1p2p3依然受後代選擇器的影響，但是由於子選擇器在後代選擇器後面，可以理解為後代選擇器的影響被子選擇器覆蓋了
後代選擇器&子選擇器&相鄰兄弟選擇器同時開啟
e+f 功能描述：影響的f緊鄰e後面（且e和f同一層次）
/*後代選擇器*/
body p
/*子選擇器*/
body>p
/*/!*相鄰兄弟選擇器*!/*/
.active + p
為了進一步驗證相鄰兄弟選擇器的影響範圍只影響緊鄰後面的元素，而不是前後都影響或者其他，試試下面的栗子的結果
四個選擇器都開啟
e+f 功能描述：e影響用一層次的所有f
/*後代選擇器*/
body p
/*子選擇器*/
body>p
/*相鄰兄弟選擇器*/
.active + p
/*通用選擇器*/
.active~p
Css選擇器 層次選擇器（關係選擇器）
1.e f 匹配 e 元素下所有的子元素 f 後代選擇器 eg css.box a匹配 box 下所有的子元素 a 2.e f 匹配 e 元素下第一級子元素 f 子選擇器 eg css.box a匹配 box 下第一級子元素 a 3.e f 匹配 e 元素後面緊鄰的哪乙個 f 元素 有且僅有乙個 相...
css3選擇器 層次選擇器
層次選擇器 通過html的dom元素間的層次關係獲取元素，主要層次關係有 後代 父子 相鄰兄弟和通用兄弟。1.後代選擇器 e f，作用的是選擇元素的後代元素。包括子元素 孫輩元素等。常用 div div 2.子選擇器 e f，作用的是某元素的所有子元素，不能包括孫輩元素 常用 body div 3....
css層次選擇器的理解
1 css後代選擇器 1 語法 h1 em 表示的是從h1開始裡面包含的所有的em元素變成紅色，若em元素中還有其他元素，也會被選擇。h1為祖先，其他的em都是後代，即選中後代，不管是兒子還是孫子，只要是都會被選中，為後代選擇器。2 語法 h1 em 僅僅選擇直接子元素em，子元素中若有其他元素，則...