Html CSS列表和Preudoclass。只需要CSS解决方案

如何为嵌套列表的最后一个列表元素设置样式。我希望这些样式仅应用于类为“match”的元素

下面是代码示例：

HTML:

具体来说，在本例中，我希望选择下一个项目：

• y1比赛
• y2匹配
• y3比赛

---

谢谢

尝试使用css3来喜欢下面的内容

ul li:last-child
    {
    color: red;
    }

---

使用css3尝试如下所示

ul li:last-child
    {
    color: red;
    }

或者您可以使用：

ul .match {
color: red;
}    

有关较短的符号。

或者您可以使用：

ul .match {
color: red;
}    

有关较短的符号。

请尝试以下操作：

ul li ul .match:nth-of-type(even)
{
    color: red;
}

如果出现更多元素，则此操作将无效。

尝试以下操作：

ul li ul .match:nth-of-type(even)
{
    color: red;
}

---

---

如果有更多的元素出现，这将不起作用。

不幸的是，没有类的最后一个选择器。更多信息位于-有两行中有“y3”。打字错误？不，不幸的是没有。在第4级选择器中有

：nth-match（）

，但大多数（可能是任何）浏览器中还没有实现。正如@Paulie\u D所说，您正在寻找的CSS选择器不存在。您可以向元素添加特定的类，也可以需要JS来选择元素。遗憾的是，没有类的最后一个选择器。更多信息请访问-其中有两行带有“y3”。打字错误？不，不幸的是没有。在第4级选择器中有

：nth-match（）

，但大多数（可能是任何）浏览器中还没有实现。正如@Paulie\u D所说，您正在寻找的CSS选择器不存在。要么你给元素添加一个特定的类，要么你需要JS来选择元素。这并不能回答问题，

：最后一个孩子是css 2.1，而不是3。清楚地说出你需要什么如果我问了这个问题，我会的。“清楚地说出你需要什么”-我在问题中列出了要选择的元素。@DavidThomas：我们可以使用jquery来解决这个问题吗？这并不能回答问题，
：最后一个孩子是css 2.1，而不是3。明确地告诉你需要什么如果我问了这个问题，我会“明确地告诉你需要什么”-我在问题中列出了要选择的元素。@DavidThomas：我们应该使用jquery来解决这个问题吗？不，没有“纯CSS解决方案”（这是打字错误吗？），如果你建议使用jquery（为什么不是纯JavaScript？），那么至少提供这个解决方案。@DavidThomas我找到了一个解决方案。但是如果有更多的元素出现，它就不起作用了。不，没有“纯解决方案……使用CSS”（这是打字错误吗？），如果你建议使用jQuery（为什么不是纯JavaScript？），那么至少提供这个解决方案。@DavidThomas我找到了一个解决方案。但如果有更多的元素出现，它将不起作用。