在CSS

Question

我正在使用bootstrap 4 v6在网站上工作，并尝试使用带有导航栏的scrollspy。在大多数情况下它是有效的。我有一些JQuery代码可以在向下滚动时将导航栏的背景从透明变为白色。一旦导航栏背景为白色，CSS还会将文本颜色从顶部的白色更改为黑色。一旦文本为黑色，Scrollspy就会起作用，但是当它是白色时，它就不起作用了。

我已将其追溯到此CSS：

/* If removed, scrollspy works.  If !important is removed, scrollspy works,
   but the menu items are black and only the brand is white */
.navbar.notscrolled .navbar-brand,
.navbar.notscrolled a {
    color: white!important;
}

需要将文本更改为白色。如果我删除了！important，文本会变黑并且滚动起作用，但此时我需要文本为白色。

我已将整个项目纳入jsbin：

http://jsbin.com/kazixefixi/edit?html,css,js,output

知道如何解决这个问题吗？