:last-child

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了:last-child相关的知识,希望对你有一定的参考价值。

匹配最后一个子元素

:last 只匹配最后一个元素,而此选择符将为每个父元素匹配最后一个子元素

示例

描述:

在每个 ul 中查找最后一个 li

html 代码:
<ul>
  <li>John</li>
  <li>Karl</li>
  <li>Brandon</li>
</ul>
<ul>
  <li>Glen</li>
  <li>Tane</li>
  <li>Ralph</li>
</ul>
jQuery 代码:
$("ul li:last-child")
结果:
[ <li>Brandon</li>, <li>Ralph</li> ]

以上是关于:last-child的主要内容,如果未能解决你的问题,请参考以下文章

:last-child

CSS :last-child AND :hover 在 ul 中的链接上

CSS :not(:last-child):after 选择器

CSS: :last-child 在列表项上

:last-child 将样式应用于所有元素

:last-child 有效, :first-child 无效