12345
6 789
10
1、後代選擇器
修改文件中的css樣式，在末尾新增如下內容：
div div但凡乙個div的上層還是div元素的都被變成了橘紅色
2、子選擇器
在css樣式中新增
body > div我們看到只有與body元素有直接關係（父子關係）的元素才會被變成綠色，這也是子選擇器與後代選擇器的區別
3、相鄰兄弟選擇器
在css中兄弟關係是指兩個同級別，擁有同乙個父元素的兩個或兩個以上元素的關係，例如文件中的div1、2、3、4、7，而相鄰關係是指div2在div1之後
如果我們僅僅想把div2相鄰的div改變顏色，需要用到相鄰兄弟選擇器
.active + div可以看出，顏色改變僅僅是在div2之後的div3，沒有包含div2之前的div1
4、通用兄弟選擇器
相鄰兄弟選擇器可以把元素之後的乙個兄弟元素選擇上，而通用兄弟選擇器可以把元素之後的所有兄弟元素都選擇上
.active ~ divcss3選擇器 層次選擇器
層次選擇器 通過html的dom元素間的層次關係獲取元素，主要層次關係有 後代 父子 相鄰兄弟和通用兄弟。1.後代選擇器 e f，作用的是選擇元素的後代元素。包括子元素 孫輩元素等。常用 div div 2.子選擇器 e f，作用的是某元素的所有子元素，不能包括孫輩元素 常用 body div 3....
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素，則不會被選擇。符號之前書寫父級的選擇器，符號之後寫子級選擇器，必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...
詳解CSS3中的選擇器（二）層次選擇器
上一講我們講解了css3中的基本選擇器，這一節我們詳解下層次選擇器。我們都知道dom是乙個樹狀結構，在樹狀結構中有根節點 父節點 子節點 兄弟節點等概念。css也引入了這些概念到選擇器中，對應的關係就是層次選擇器。層次選擇器共有四種，分別為 在web開發中，用的較多的是前兩個 後代選擇器和子選擇器。...