引导导航栏文本在我单击它后变黑，但直到我单击页面上的另一个元素

Question

我的代码中遇到了 Bootstrap 导航栏的问题。当我单击一个元素导航到另一个页面然后返回时，先前单击的链接的文本颜色会更改为黑色并保持这种状态，直到我单击网站上的其他位置。还有其他人经历过这种行为吗？任何有关可能导致此问题的原因以及我如何解决此问题的见解将不胜感激。

这是CSS代码：

.nav-link { color: rgb(169, 181, 204); font-size: 0.98rem; }

a.nav-link:hover{ color: rgb(255, 255, 255); font-weight: bold;}

它工作得很好，但是当我点击它然后返回后，由于某种我无法识别的原因它仍然是黑色的。

Answer 1

我遇到了和你一模一样的问题。

尝试

.navbar-nav .nav-link { color: rgb(169, 181, 204); font-size: 0.98rem; }

，这是我用来解决我的问题的。

受到这篇post中接受的答案的启发。