CSS 子选择器但有一个标签

Question

无法在第 3 个 li 标签中的此 a 标签上获取 :nth(3) 选择器的语法。 真是一口。有可能吗？

在这个网站上

www.cutlassandcane.com/shopping/

我正在尝试更改第三个菜单项的颜色。 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 或更低版本。