## 子元素首位 :first-child 概述：匹配所給選擇器( :之前的選擇器)的第一個子元素。 ~~~ $("ul li:first-child"); // 在每個 ul 中查找第一個 li ~~~ ## 子元素末位 :last-child 概述：匹配最后一個子元素 ~~~ $("ul li:last-child"); // 在每個 ul 中查找最后一個 li ~~~ ## 子元素指定位 :nth-child(n | even | odd | formula) 概述：匹配其父元素下的第 N 個子或奇偶元素，從 1 開始計數。 * n：匹配子元素序號 * even：匹配所有偶數元素 * odd：匹配所有奇數元素 * formula：匹配特殊公式所有元素 ~~~ $("ul li:nth-child(2)"); // 在每個 ul 查找第 2 個 li $("ul li:nth-child(even)"); // 在每個 ul 查找偶數個 li $("ul li:nth-child(odd)"); // 在每個 ul 查找奇數個 li $("ul li:nth-child(2n + 1)"); // 在每個 ul 查找奇數個 li ~~~ ## 子元素逆序指定位 :nth-last-child(n | even | odd | formula) 概述：逆序匹配其父元素下的第 N 個子或奇偶元素，從 1 開始計數。 * n：匹配子元素序號 * even：匹配所有偶數元素 * odd：匹配所有奇數元素 * formula：匹配特殊公式所有元素 ~~~ $("ul li:nth-last-child(2)"); // 在每個匹配的 ul 中查找倒數第二個 li ~~~ ## 子元素唯一 :only-child 概述：如果某個元素是父元素中唯一的子元素，那將會被匹配。 ~~~ $("ul li:only-child"); // 在 ul 中查找是唯一子元素的 li ~~~ ## 子元素類型首個 :first-of-type 概述：結構化偽類，匹配元素的父元素的第一個元素類型的孩子。 ~~~ // 查找作為父元素的 span 類型子元素中的首個的 span 標簽 $("span:first-of-type"); ~~~ ## 子元素類型末個 :last-of-type 概述：結構化偽類，匹配元素的父元素的最后一個元素類型的孩子。 ~~~ // 查找作為父元素的 span 類型子元素中的末個的 span 標簽 $("span:last-of-type"); ~~~ ## 子元素類型指定個 :nth-of-type(n | even | odd | formula) 概述：選擇同屬于一個父元素之下，并且標簽名相同的子元素中的第 n 個，從 1 開始計數。 * n：匹配子元素序號 * even：匹配所有偶數元素 * odd：匹配所有奇數元素 * formula：匹配特殊公式所有元素 ~~~ // 查找每個 span，這個 span 是其所有兄弟 span 元素中的第二個元素。 $("span:nth-of-type(2)"); ~~~ ## 子元素類型逆序指定個 :nth-last-of-type(n | even | odd | formula) 概述：逆序選擇同屬于一個父元素之下，并且標簽名相同的子元素中的第 n 個，從 1 開始計數。 * n：匹配子元素序號 * even：匹配所有偶數元素 * odd：匹配所有奇數元素 * formula：匹配特殊公式所有元素 ~~~ // 在每個匹配的 ul 中查找倒數第二個 li $("ul li:nth-last-of-type(2)"); ~~~ ## 子元素類型唯一 :only-of-type 概述：選擇所有沒有兄弟元素，且具有相同的元素名稱的元素。 ~~~ $("div p:only-of-type"); // 在 div 中查找是子元素 p 類型是唯一的元素 ~~~