Bootstrap Цвет текста CSS не меняется

Question

Я делаю сайт с Bootstrap, и я хочу изменить цвет текста моего навигатора. У меня были трудности даже с таргетингом на навигационную панель, но это не важно. В принципе, я просто хочу изменить цвет текста. Это позволяет мне изменять все, что угодно другое, чем цвет текста, такой как цвет фона, шрифт, границы и т. Д., Кроме цвета текста. Вот ссылка на страницу GitHub. Любая помощь будет принята с благодарностью (мой css находится в css/style.css, а цветовой тег - в .nav, .navbar, .dropdown-menu class).

EDIT 1 Я обновил свой код GitHub, но он все еще не работает.

Answer 1

Линия контроля цвета шрифта на панели навигации в настоящее время находится в bootstrap.css и гласит следующее:

.navbar-default .navbar-nav > li > a { color: #777;}

Внутри style.css - вы пытались изменить цвет несколько мест, в основном здесь:

.navbar-default, .navbar-nav > li > a, .dropdown-menu { background-color: #c8f57a; border: 0 none; color: #2d4207; font-family: "Josefin Sans",sans-serif; margin: 0; text-transform: uppercase; }

Вы можете установить прецедент для Styl правило e.css, чтобы принять приоритет, добавив !important после color:2d4207;. поэтому, новый CSS в style.css будет звучать следующим образом:

.navbar-default, .navbar-nav > li > a, .dropdown-menu { background-color: #c8f57a; border: 0 none; color: #2d4207 !important; font-family: "Josefin Sans",sans-serif; margin: 0; text-transform: uppercase; }

Вы можете прочитать на CSS Специфичность здесь: developer Mozilla - Specificity