css - CSS子选择器但有一个标签

Question

在第三个 li 标记中，无法在此 a 标记上获取 :nth(3) 选择器的语法。多么拗口。甚至可能吗？

在这个网站上

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

所以，我的问题是，有没有办法通过 CSS 使用第三个孩子或第 n 个选择器来做到这一点？

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

score 2 · Accepted Answer

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

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

请注意，:nth-child()仅现代浏览器支持。它在 IE8 或更低版本中不起作用。

score 1 · Accepted Answer

1

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

于 2012-05-11T17:08:00.813 回答

2 回答 2