引导4改写规则

Question

我试图改变导航栏链接颜色在引导4一样，

.nav-link { 
    color: red; 
} 

我SCSS文件看起来像

@import '../../public_html/static/vendor/bootstrap/scss/bootstrap'; 

.nav-link { 
    color: red; 
} 

但是，如果没有！重要这不工作。

有什么我错过了什么？

Answer 1

它看起来像第一条规则更具体，您已添加，因此优先。

如果你改变你的选择到：

.navbar-light 
.navbar-nav .nav-link { 
    color: red; 
} 

那么它应该工作，因为它是特定的烦躁的相同水平，但在源进一步下跌。

如果您不想更改选择器，您可以随时添加!important，例如，

.nav-link { 
    color: red !important; 
} 

，但它通常不是一个好主意，在!important扔时，它可以在一个更好的方式来解决，因为它可能会进一步造成问题的路线。

Answer 2

看着this的答案，你可以做一个完整的覆盖以下内容：

.nav-link[class="nav-link"] { 
    color: red; 
} 

Answer 3

给的完整路径链接如..

.navbar-nav .nav-item .nav-link { 
    color: red; 
}