引導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; 
}