子元素篩選選擇器不常使用,其篩選規則比起其它的選擇器稍微要複雜點
子元素篩選選擇器描述表:
注意事項:
:first只匹配乙個單獨的元素,但是:first-child選擇器可以匹配多個:即為每個父級元素匹配第乙個子元素。這相當於:nth-child(1)
:last 只匹配乙個單獨的元素, :last-child 選擇器可以匹配多個元素:即,為每個父級元素匹配最後乙個子元素
如果子元素只有乙個的話,:first-child與:last-child是同乙個
:only-child匹配某個元素是父元素中唯一的子元素,就是說當前子元素是父元素中唯一的元素,則匹配
jquery實現:nth-child(n)是嚴格來自css規範,所以n值是「索引」,也就是說,從1開始計數,:nth-child(index)從1開始的,而eq(index)是從0開始的
nth-child(n) 與 :nth-last-child(n) 的區別前者是從前往後計算,後者從後往前計算
jQuery選擇器之子元素篩選選擇器
子元素篩選選擇器不常使用,其篩選規則比起其它的選擇器稍微要複雜點 子元素篩選選擇器描述表 注意事項 first只匹配乙個單獨的元素,但是 first child選擇器可以匹配多個 即為每個父級元素匹配第乙個子元素。這相當於 nth child 1 last 只匹配乙個單獨的元素,last child...
css 選擇器之子元素
html 12 34 css wrap wrap span 選擇父元素下的第二個子元素,且為span wrap span nth child 2 但是如果子元素是混亂的,比如 1p2 34nth child 2 會選擇第2個子元素,而且子元素必須是span,但是沒找到 第二個子元素為p wrap s...
jQuery篩選選擇器
li 多個裡面篩選幾個 li li 多個裡面篩選幾個 li li 多個裡面篩選幾個 li li 多個裡面篩選幾個 li li 多個裡面篩選幾個 li li 多個裡面篩選幾個 li ul ol li 多個裡面篩選幾個 li li 多個裡面篩選幾個 li li 多個裡面篩選幾個 li li 多個裡面篩選...