html - 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>

而且我只想设置父元素“a”的样式，但它也会设置所有子元素的样式，因为它们在父“li”之下。我试过类似的东西:

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

没用，我如何只设置父级“a”的样式？

Answer 1

您可以使用直接子运算符 > 来定位链接(即仅直接在 li 元素中链接):

li#current > a