1、層次選擇器
form p
表示後輩（後代選擇器）
form>p
表示子輩
div+p
表示div下乙個相鄰的p元素
div~p
表示div後所有匹配的p元素
2、結構偽類選擇器
p:first-child 第乙個p標籤
p:last-child 最後乙個p標籤
p:nth-child(3) 第3個p標籤
p:first-of-type 第乙個p標籤
p:last-of-type 最後乙個p標籤
p:nth-of-type(3) 第3個p標籤
:first-child
匹配的是某父元素的第乙個子元素，可以說是結構上的第乙個子元素。
:first-of-type
匹配的是某父元素下相同型別子元素中的第乙個，比如 p:first-of-type，就是指所有型別為p的子元素中的第乙個。這裡不再限制是第乙個子元素了，只要是該型別元素的第乙個就行了。
HTML5 選擇器續
十 萬用字元選擇器 1 作用 給當前介面所有標籤設定屬性 2 注意點 當介面標籤太多時會影響效能，一般不用 選擇器小練習 charset utf 8 選擇器練習title 1 標籤選擇器 p 2 id identity1 identity2 3 類選擇器 para 4 後代選擇器 divp 5 子元...
html5 新的選擇器
1 queryselector 類似於jq裡的 方法，但是只能取到第乙個元素 只能取到乙個集合，即使只有乙個元素 class li2 li class li2 li ul var oli document.queryselectorall li2 oli取到的是乙個類集合，所以加樣式要用for迴圈 ...
Html5新的選擇器
queryselector 選擇器 注 只能選擇乙個元素 queryselectorall 選擇器 注 選擇一組元素 getelementsbyclassname 專門針對class的，獲取一組class元素 獲取class列表屬性 classlist length class的長度 add 新增c...