Bootstrap导航栏点击返回后链接文本变黑问题求助

问题原因 #

这是浏览器默认的链接聚焦/激活状态与自定义样式冲突导致的。Bootstrap的.nav-link自带:focus、:active伪类的默认样式（文字颜色为黑色），当你点击链接跳转后返回页面，浏览器会自动保留该链接的聚焦状态，而你的自定义CSS只覆盖了默认和hover状态，未处理聚焦/激活状态，因此链接会显示黑色，直到点击页面其他元素触发失焦为止。

解决方法 #

在你的CSS中补充:focus和:active伪类的样式，覆盖Bootstrap的默认规则：

.nav-link { 
  color: rgb(169, 181, 204); 
  font-size: 0.98rem; 
}
a.nav-link:hover,
a.nav-link:focus,
a.nav-link:active { 
  color: rgb(255, 255, 255); 
  font-weight: bold;
}

如果需要统一已访问链接的样式，还可以追加:visited伪类，保持视觉一致性。

内容的提问来源于stack exchange，提问作者stefandrew12