css - 如何用CSS匹配最后n个 child ?

标签 css css-selectors

我们想要匹配父容器的最后 12 个元素。如何用 CSS 做到这一点?澄清一下,12 是一个任意数字。我们想知道如何匹配父容器的最后 N 个元素。

最佳答案

绝对 :nth-last-child(N)

li:nth-last-child(-n+12) {
  /*your css declarations*/
}

此示例选择器将匹配任何列表中的最后 12 个列表项,无论是有序的还是无序的:

关于css - 如何用CSS匹配最后n个 child ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12430174/

相关文章:

jquery - CSS 中的目标标签

css - 重复标题选择器

html - 有没有 CSS 不等于选择器?

html - 无法让 <ul> 显示在中心

css - 使用 SVG 或 CSS 添加 "watermark"或叠加到网页上的图像

html - 离开悬停状态时应用动画

css - 在 css 中按 ".class"或 "*[class~=box]"定位类有什么区别?

javascript - 如何根据用户的点击在下一页上激活特定选项卡?

javascript - 在 MouseOver 上显示 DIV

html - 将一张图片放在另一张图片上