Bootstrap CSS 文字颜色不变
Bootstrap CSS text color not changing
我正在用 Bootstrap 制作一个网站,我想更改导航栏的文本颜色。我什至在定位导航栏时遇到了困难,但这不是重点。基本上,我只想更改文本颜色。它可以让我更改除文本颜色之外的任何我想要的 other,例如背景颜色、字体、边框等,文本颜色除外。这是页面 GitHub 的 link。任何帮助将不胜感激(我的 css 在 css/style.css 中,颜色标签在 .nav、.navbar、.dropdown-menu class 中) .
编辑 1 我已经更新了我的 GitHub 代码,但它似乎仍然无法正常工作。
导航栏上控制字体颜色的行目前在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;
}
您可以通过在 color:2d4207;
之后添加 !important
来为您的 style.css 规则设置优先级。因此,style.css 中的新 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
我正在用 Bootstrap 制作一个网站,我想更改导航栏的文本颜色。我什至在定位导航栏时遇到了困难,但这不是重点。基本上,我只想更改文本颜色。它可以让我更改除文本颜色之外的任何我想要的 other,例如背景颜色、字体、边框等,文本颜色除外。这是页面 GitHub 的 link。任何帮助将不胜感激(我的 css 在 css/style.css 中,颜色标签在 .nav、.navbar、.dropdown-menu class 中) .
编辑 1 我已经更新了我的 GitHub 代码,但它似乎仍然无法正常工作。
导航栏上控制字体颜色的行目前在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;
}
您可以通过在 color:2d4207;
之后添加 !important
来为您的 style.css 规则设置优先级。因此,style.css 中的新 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