滚动时修改导航栏文字颜色问题求助

嘿，我来帮你捋捋这个问题～你设置的color: black没生效，核心原因是这个颜色样式是给header元素加的，但导航栏里的文字是在<a>标签里的，<a>标签本身有独立的颜色样式（可能是默认样式，也可能是你自己写的.hvr-reveal类样式），header的color不会自动继承到a标签上，所以你看不到文字变黑的效果。

要彻底解决这个问题，我还需要你提供以下信息：

• 你给导航栏内<a>标签设置的CSS代码（比如.hvr-reveal类的完整样式，或者直接针对这些a标签的其他样式规则），因为这些样式的优先级可能比.scrolled类里的设置更高，直接覆盖了颜色。
• 用来触发滚动添加scrolled类的JavaScript代码，确认滚动事件是否正常触发，scrolled类是否正确添加到了header元素上（有时候JS逻辑出错，类没加上，样式自然不会生效）。
• 是否有全局的<a>标签样式（比如a { color: #fff; }这种全局设置），这类样式也会影响导航栏链接的颜色表现。

另外，给你一个临时的测试思路：你可以尝试直接给scrolled状态下的a标签写样式，比如：

.navbar-fixed-top.scrolled .nav__links a {
  color: black;
}

如果这样能生效，就说明确实是a标签的样式覆盖了header的color设置，接下来只需要调整选择器优先级或者修改原有a标签的样式即可。

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