Joomla菜单造型第一个孩子

Question

我有一个菜单：

<li id="current" class="selected parent item556">
<a href="#">Parent</a>
<ul>
    <li class="item557">
        <a href="#">Child</a>
    </li>
    <li class="item558">
        <a href="#">Child</a>
    </li>
</ul>
</li>

我想仅设置Parent“a”元素的样式，但它也会设置所有Child元素的样式，因为它们位于父“li”下。 我试过像：

li#current a:first-child{
color: #F2F2F2;
}

不起作用，我如何仅设置父“a”的样式？

Answer 1

您可以使用直接子操作符>来定位链接（即仅直接在li元素中链接）：

li#current > a

Answer 2

尝试：li#current a:first-of-type获取第一个a

或者您可以尝试：li#current:nth-child(1)来获得第一个孩子