如何在div中定位列表项悬停状态

Question

这有点棘手。我正在使用这个js效果，当您滚动浏览不同的部分时，会改变我的导航颜色。因此，当您滚动浏览“绿色”类的部分时，它会更改导航的悬停边框颜色。这通常是如何完成的

.midnightHeader.green a:hover {
        border: 3px solid #2b5999;
}

问题是，我的标题中有其他链接，我不想将其应用于此。所以我只想在无序列表项中设置样式，但以下代码不起作用。

.midnightHeader.green nav ul li a:hover {
        border: 3px solid #2b5999;
}

基本上我会在“.midnightHeader.green”中设置“nav ul li a：hover”的样式

Please have a look at midnight.js it explains how this works

任何人都可以帮我解决这个问题吗？感谢