CSS帮助选择某个类的最后一个元素[重复]答案

【问题标题】：CSS Help selecting the last element with a class certain class [duplicate]CSS帮助选择某个类的最后一个元素[重复]
【发布时间】：2018-10-16 03:51:47
【问题描述】：

在编写 CSS 选择器时需要帮助。我想选择下面具有 RED 类的最后一个元素

#tData td:nth-child(8)

我似乎不知道如何将 RED 类附加到选择器。

【问题讨论】：

使用 last-child 选择器，我认为它可以帮助你。 w3.org/wiki/CSS/Selectors/pseudo-classes/:last-child
@AlliterativeAlice，不是重复的。另一个问题是关于选择具有特定类的最后一个孩子，这是使用 CSS 选择器无法实现的。在 CSS 中，您不能选择特定集合（选择器）的第一个、最后一个或第 n 个。不过，它可以使用 Javascript 来完成。
不是重复的问题。另一个问题没有考虑到其他列可以有红色等级。因此，我特别关注第 8 列中的最后一个单元格，即红色。如果该帖子中回答了该问题，我可能对答案视而不见。

【解决方案1】：

#tData td.red:nth-child(8) {}

将选择其行中的任何第 8 个单元格，如果该单元格具有“红色”类，则位于 #tData 内。

如果要选择<tr> 中的最后一个元素，如果最后一个元素的类为“red”，请使用：

#tData td.red:last-child {}

【讨论】：

如果我有其他不是第 8 个红色的单元格，这会起作用吗？我只想要第 8 列。
它只会选择同时满足所有条件的元素：是其父元素的第 8 个子元素，具有 "red" 类并且在 id 为 "tData" 的元素内（这是关于第一个选择器)。
这就是我添加评论的原因，因为它不符合所有 .选择最后一个失败，选择最后一个失败，因为其他列中还有其他红色类
@Dewinky，你的问题不够清楚。从您下面的评论中，我现在了解到您想要选择第八列中的最后一个单元格来获得 red 类。如果这就是你想要的，那么 CSS 是不可能的。您不能选择特定选择器的第 n 个元素的最后一个，而您的问题实际上是重复的。