css - 选择最后一个直接子代

Question

我正在尝试选择一组元素的最后一个直接子元素，如最后一个 .container 在：

问题是它只是没有应用样式。这是我尝试使用的代码：

#allthecontent  > .container:last-child {
  overflow: auto;
  padding-bottom: 150px;
}

提前致谢！

Answer 1

虽然不可能匹配最后一次出现的 ，.container除非它恰好是其父级的最后一个子级，但您可以使用 nth-last-child 选择器来指定范围。

#allthecontent > ​.container:nth-last-child(-n + 2) {
  overflow: auto;
  padding-bottom: 150px;
}

这将匹配任何元素与container出现在父元素的最后 2 个元素中的类。不过，此选择器在 IE8 及更低版本中不起作用。