需要修复导航CSS问题吗？

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

我的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>

几乎正确，您必须在

中处理实际的

，才能设置样式

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

---

几乎正确，您必须解决

中的实际

才能对其进行样式设置

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

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

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

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

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

谢谢@Roberrrt的快速回复，但正如您所看到的。当前项目是li类，并且li是.sub meu的父级，因此所有的li in.current项目类和in.sub菜单类都将变得更为粗体。是的，我未能提供
Pete已经提供了，这确实是为
.current item
的直接子项设置样式的方法。感谢@Roberrrt的快速回复，但正如您所看到的。current item是li类，li是.sub meu的父类，因此所有的li in.current item类和in.sub菜单类都将变得更粗体。是的，我未能提供
Pete已经提供的，这确实是设置
当前项的直接子项的样式