Javascript 如何使我的网页继承css

因此，当我的导航项目的默认颜色为黑色时。现在我尝试使用css将颜色更改为白色，但它不起作用。nav品牌和nav链接 可能是页面上的脚本影响了它吗？如果没有，如何更改默认引导css设置

.navbar{
填充：20px 0px；
盒影：无；
背景色：透明；
}
.navbar品牌{
字号：28px；
字号：700；
颜色：#3A3A；
}
.navbar.navbar展开md.navbar导航链接{
位置：相对位置；
字体大小：16px；
字体大小：300；
颜色：#ffffff；
填充：0px 30px 0px；
过渡：全部。5s轻松进出；
}
.navbar导航.nav项.nav链接：：之前{
内容：''；
位置：绝对位置；
底部：0px；
左：0；
宽度：0px；
高度：2倍；
背景：#ffffff；
过渡：全部。5s轻松进出；
}
.navbar导航.nav项导航链接：hover:：before，
.navbar导航.nav项.nav链接.active:：before{
宽度：40px；
}

问题在于CSS选择器。它应该是

.navbar.navbar-expand-md.navbar-nav.nav-link

而不是

.navbar.navbar-expand-md.navbar-nav.nav-link

，因为

.navbar-expand-md

不是

.navbar

的子元素

.navbar.navbar-expand-md .navbar-nav .nav-link {
    position: relative;
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    padding: 0px 30px 0px;
    transition: all .5s ease-in-out;
}