## 子元素首位 :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 类型是唯一的元素 ~~~