菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

jQuery :nth-last-child() 选择器

❮ jQuery 选择器

示例

选择其父元素的最后一个子元素,并且是第 3 个的每一个 <p> 元素

$("p:nth-last-child(3)")
自己动手试一试 »

定义和用法

:nth-last-child(n) 选择器选择其父元素的第 n 个子元素,无论其类型如何,从最后一个子元素开始计数。

提示:使用 :nth-last-of-type() 选择器来选择其父元素的第 n 个**特定类型**的子元素,从最后一个子元素开始计数。


语法

:nth-last-child(n|even|odd|公式)

参数 描述
n 要匹配的每个子元素的索引。

必须是一个数字。第一个元素的索引号为 1。
even 选择每个偶数子元素
odd 选择每个奇数子元素
formula 使用公式 (an + b) 指定要选择的子元素。例如:p:nth-last-child(3n+2) 选择从最后一个第 2 个子元素开始的每第 3 个段落。

自行尝试 - 示例

选择所有 <div> 元素的第一个子元素中的每一个 <p> 元素,从最后一个子元素开始计数
如何选择所有 <div> 元素中的第一个 <p> 元素,从最后一个子元素开始计数。

使用公式 (an + b)
如何使用公式 (an + b) 选择不同的子元素,从最后一个子元素开始计数。

使用 "even" 和 "odd"
如何使用 even 和 odd 选择不同的子元素,从最后一个子元素开始计数。

p:nth-child(), p:nth-last-child(), p:nth-of-type() 和 p:nth-of-last-type() 之间的区别
p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) 和 p:nth-of-last-type(2) 之间的区别。


❮ jQuery 选择器

×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持