jquery - 定位 li 中的第一个链接

Question

这是我的代码

.menu li > a {
    color: red;
}

<ul class="menu">
    <li><a href="#">Un lien</a></li>
    <li><a href="#">Un lien</a></li>
    <li class="has_children">
        <a href="#">un lien</a>
        <ul>
            <li><a href="#">Un souslien</a></li>
            <li><a href="#">Un souslien</a></li>
            <li><a href="#">Un souslien</a></li>
            <li><a href="#">Un souslien</a></li>
            <li><a href="#">Un souslien</a></li>
        </ul>
    </li>
</ul>

我只想给第一个着色 <a>的 .has_children无需为子菜单中的内容着色。

我尝试了一些东西，但它不起作用

感谢您的帮助!

Answer 1

.menu .has_children > a:first-child {
   color: red
}

针对 .has_children 的直接子级。这里 :first-child 是可选的，因为您只有一个 a 作为 .has_children 的直接子元素。