:first-child：選擇屬於指定元素父元素的第乙個子元素（子元素型別應與指定元素相同），等價於:nth-child(1)。與:first不同，:first-child可以匹配多個元素。eg：選擇p元素的父元素的第乙個子元素，$("p:first-child")，則如果p元素的父元素下的第乙個子元素也是p元素，則此元素被選中。
:first-of-type：jquery1.9起，選擇屬於指定元素父元素的第乙個同型別元素，等價於:nth-of-type(1)。eg：選擇p元素的父元素的第乙個p元素，$("p:first-of-type")，則p元素的父元素下的第乙個子p元素被選中。
:last-child：選擇屬於指定元素父元素的最後乙個子元素（子元素型別應與指定元素相同）。與:last不同，:last-child可以匹配多個元素。eg：選擇p元素的父元素的最後乙個子元素，$("p:last-child")，則如果p元素的父元素下的最後乙個子元素也是p元素，則此元素被選中。
:last-of-type：jquery1.9起，選擇屬於指定元素父元素的最後乙個同型別元素。eg：選擇p元素的父元素的第乙個p元素，$("p:first-of-type")，則p元素的父元素下的最後乙個子p元素被選中。
:nth-child()：按索引選擇元素（索引處元素型別為指定型別），索引從1開始計算。除了具體的索引值，還可以傳入even選取每個偶數子元素，odd選取每個奇數子元素，還可以傳入表示式如2n+1，此時n從0開始取值。eg：選擇第3個元素（如果元素型別為p），$("p::nth-child(3)")。
:nth-last-child()：與:nth-child()類似，只是是從後向前計數。eg：選擇倒數第2個元素（如果元素型別為p），$("p:nth-last-child(2)")。
:nth-of-type()：接受引數與:nth-child()一樣，但是只計數指定型別的元素。eg：選擇第3個p元素，$("p:nth-of-type(3)")。
:nth-last-of-type()：與:nth-of-type()類似，只是是從後向前計數。eg：選擇倒數第2個p元素，$("p:nth-last-of-type(2)")。
:only-child：選擇沒有兄弟元素的元素。eg：選擇沒有兄弟元素的p元素，$("p:only-child")，如果p元素的父元素只包含元素p，則元素p會被選中。
:only-of-type：選擇沒有同型別兄弟元素的元素。eg：選擇沒有兄弟p元素的p元素，，$("p:only-of-type")，如果p元素的父元素只包含乙個型別為p的元素，則元素p會被選中。
jQuery 同級選擇器
選取 元素同級的所有 元素 div p element siblings 選擇器選取指定元素 element 同級的所有元素。比如 div p 選取 元素同級的所有 元素。element siblings 引數 element 必需。任何有效的 jquery 選擇器。siblings 必需。規定 e...
同級選擇器 CSS3選擇器大全
新增選擇器 子串匹配的屬性選擇符 e att val 匹配具有att屬性 且值以val開頭的e元素 子串匹配的屬性選擇符 e att val 匹配具有att屬性 且值以val結尾的e元素 子串匹配的屬性選擇符 e att val 匹配具有att屬性 且值中含有val的e元素 結構性偽類 e root...
同級選擇器 10 CSS3選擇器詳解
css3在css2基礎上，增強或新增了許多特性，彌補了css2的眾多不足之處，使得web開發變得更為高效和便捷。比如說，同樣是乙個頭像，可能在低版本的瀏覽器中，頭像方的 在高版本的瀏覽器中，頭像是圓的。漸進增強和優雅降級之間的不同 面試題目 由於css3普遍存在相容性問題，為了避免因相容性帶來的干擾...