1、css後代選擇器
（1）語法：h1 em 表示的是從h1開始裡面包含的所有的em元素變成紅色，若em元素中還有其他元素，也會被選擇。h1為祖先，其他的em都是後代，即選中後代，不管是兒子還是孫子，只要是都會被選中，為後代選擇器。
（2）語法：h1>em 僅僅選擇直接子元素em，子元素中若有其他元素，則不再選擇
2.prev+next（前+後）選擇器，如li+p{}，則選擇緊跟在li元素後面的所有p元素
list item 1
list item 2
list item 3
例子中的選擇器可以選擇緊接在第乙個li後面的兩個li，執行結果
這個例子可以可能有點迷惑性，使用了li+li
把**改變一下，
這樣寫，有更加深刻的理解
執行結果，如圖
3.prev~siblings(前~兄弟)選擇器
該選擇器可以選取指定的prev元素後面根據siblings過濾的元素。例如，使用#prev~div可以選取所有（指在同乙個巢狀中的）在id為prev的元素後面的div元素
執行結果：
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基礎 層次選擇器
e f 功能描述 影響的f元素被包含在e元素內 e影響下面所有層次的元素f 只開啟後代選擇器的 不開啟的都預設注釋掉 後代選擇器 body p 可以看到body標籤下的所有p標籤都被影響 開啟後代選擇器和子選擇器 後代選擇器 body p 子選擇器 body p 可以看到只有p1p2p3變成了粉紅色...