需要修复导航CSS问题？

Question

我想只显示粗体当前菜单项，但如果我想加粗当前菜单项，子菜单项也会变粗。

我的CSS是：

.main .current-item{
    font-weight:900;
}

我想获得只有当前菜单项的第二个和类是当前项目

<ul class="main">
    <li><a href="#">First</a></li>
    <li class="current-item">
        <a href="#">Second</a>
        <ul class="sub-menu">
            <li><a href="#">Inner First</a></li>
            <li><a href="#">Inner Second</a></li>
        </ul>
    </li>
    <li><a href="#">Third</a></li>
    <li><a href="#">Fourth</a></li>
</ul>

Answer 1

您只能将它应用于直接子锚：

.main .current-item > a {
    font-weight:900;
}

More information about the direct descendant selector

Answer 2

几乎正确，您必须解决<a>内的实际<li class="current-item">来设置样式。

.main .current-item > a {
    font-weight: 900;
}