CSS子选择器但有一个标记

Question

无法在第3个li标记中获取此标记上的：nth（3）选择器的语法。 多么满口。它甚至可能吗？

在这个网站上

www.cutlassandcane.com/shopping/

我正在尝试更改第3个菜单项的颜色。 Bandoli有红色字体。它是prestashop所以我不能在它周围添加span标签，因为它在其他地方引起了问题。

所以，我的问题是，有没有办法通过CSS使用第3个子节点或第n个选择器来实现？

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:black;
    font-size:14px;
}

Answer 1

您可以使用:nth-child()，如下所示：

.sf-menu > li:nth-child(3) > a {
    color: #c0474c;    
}

请注意，:nth-child()为only supported in modern browsers。它在IE8或更低版本中不起作用。

Answer 2

您的意思是说.sf-menu > li:nth-child(3) > a吗？