如何选择菜单中的第一个链接而不选择下拉列表中的其他链接？

Question

我无法弄清楚如何解决这个CSS问题。

代码是由WordPress插件创建的，因此在命名类等方面的可能性有限。

这是代码：

<li class="page_item page-item-365 page_item_has_children current_page_item has_children”>
    <a href="http://www.xxx.dk/side1/side2/“>Side 2</a>
    <ul class="children">
        <li class="page_item page-item-556”>
            <a href="http://www.xxx.dk/“>punkt 1</a>
        </li>   
        <li class="page_item page-item-556”>
            <a href="http://www.xxx.dk/“>punkt 1</a>
        </li>
        <li class="page_item page-item-556”>
            <a href="http://www.xxx.dk/“>punkt 1</a>
        </li>
    </ul>
</li>

问题在于，当我为它们设计样式时，我的所有链接都变得粗体。我只希望它发生在当前页面（选定页面）上。我尝试过以下CSS代码，但没有运气：

li.current_page_item a:first-child {
    font-weight: bold;
}

Answer 1

我相信我找到了一个解决方案 - 不知道我是否理解但是它有效;）

.current_page_item > a {
    font-weight: bold;
}

Answer 2

在你的情况下，每一个人都是李的第一个孩子。 你在寻找的是：

li.current_page_item a {

此外所有菜单条目都链接到相同的ID。因此，如果选择了一个，我猜每个都会得到“当前”类。添加一些其他链接到菜单，你会看到它会起作用！

Answer 3

你接近解决方案;-) 看看这里，这是你在找什么？

li.current_page_item > a:first-child {
   font-weight: bold;
}

Codepen上的示例： http://codepen.io/funkysoul/pen/XNVdbE

Answer 4

请重新检查您的代码。参考截图。