Bootstrap 4 перезапись правило

Question

Я пытаюсь изменить NavBar цвет ссылки в загрузчике 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; 
}