Css：选择类的最后一个元素[重复]答案

【问题标题】：Css: select last element with class [duplicate]Css：选择类的最后一个元素[重复]
【发布时间】：2016-04-20 01:19:09
【问题描述】：

我有这个 HTML 结构：

<ul class="info">
  <li>Item 1</li>
  <li>Item 2</li>
</ul>
<ul class="info">
  <li>Item 3</li>
  <li>Item 4</li>
</ul>
<ul class="other">
  <li>Item 5</li>
  <li>Item 6</li>
</ul>

在 CSS 中，我想选择最后一个带有类信息的 ul。我已经尝试过:last-child、:last-of-type。我还看到了在我喜欢选择的 ul 上添加一个类的建议。但是，难道没有更“干净”的方式来处理这个问题吗？

【问题讨论】：

您说您尝试过 :last-child 和 :last-of-type，但没有说明结果如何或如何。它们对你来说不够“干净”吗？他们没有工作吗？
他们都没有工作，但我期待它工作。在 HTML 中添加一个额外的类仅用于进行 CSS 选择并不是处理这个问题的正确方法（在我看来）。 Css 应该能够自己做出这个选择。
所以 ul[class]:last-of-type 不适合你？
不，很遗憾 ul[class~='info']:last-of-type{} 不起作用。

标签： css css-selectors

【解决方案1】：

我认为你不能在课堂上使用 :last-child。它从字面上寻找其层的最后一个孩子。也许您可以改用 :nth-child() 来帮助您做出选择。

【讨论】：

此方法有效。然而，这不是最灵活的方式，它不会强迫我添加额外的课程。感谢您的回答！