div>p我們先看看後代選擇器的示例（引出兒子選擇器）：
我是段落1
我是段落2
我們通過上面**可以看出，所有的p都是div的後代，所以執行的結果發現所有p都變紅色了，接下來我們在看看要講的兒子選擇器
我是段落1
我是段落2
我們看出只有段落1與段落2變紅，原因是段落1與段落2才是div的兒子，而段落3只是div的後代，不是div的兒子，所以沒有變紅
:冒號表示序選擇器
div p:first-child我是段落1
我是段落2
原因：段落1是div的第乙個孩子，所以變紅。段落3是div後代中li標籤的第乙個孩子，所以段落3也變成了紅
除了:first-child還有：:first-letter最後乙個孩子
+表示下乙個兄弟選擇器
h2+p我是段落1
我是段落2
我是段落3
我是段落1
我是段落2
我是段落3
我是段落1
我是段落2
我是段落3
我是段落1
我是段落2
我是段落3
CSS選擇器和其他選擇器
lang en charset utf 8 選擇器title ctrl shift 群組選擇器 box,color,span 選中ol標籤裡的li標籤 ol li ul red 直接子元素選中 box2 div 相鄰兄弟 span p 普通兄弟 span p style head box boxdi...
十二，CSS其他選擇器
1，呼叫class選擇器 允許重複class選擇器名稱 定義 class imooc 慕課網p 呼叫 imooc 2，呼叫id選擇器 唯一 定義 name1 慕課網p 呼叫 name1 3，呼叫 選擇器 4，呼叫，選擇器 聯合選擇器，用逗號隔開 name1,name2 charset utf 8 d...
CSS選擇器和其他選擇器及權重
作用 css選擇器主要用來對網頁中的元素進行設定樣式 css選擇器的規範寫法 標籤名作用 根據元素的class值進行選取元素 語法 classname作用 根據元素的id屬性值選取元素 語法 id作用 可以同時使用多個選擇器，這樣可以選擇同時滿足多個選擇器的元素。語法 選擇器1選擇器2作用 可以同時...