个人中心
gpt4 book ai didi

html - Bootstrap 。无法更改导航栏链接颜色。即使有身份证

转载 作者：行者123 更新时间：2023-11-27 23:22:45 25 4
gpt4 key购买 nike

我正在尝试设置我的 Bootstrap 导航栏的样式，但我无法更改链接的颜色。我读到 bootstrap.css 可能会覆盖我的自定义 css 文件，因此我将 ID 为#menu_buttons 的整个 ul 设置为优先级。但是字体颜色仍然不会改变，尽管我可以使用应用于此 ID 的字体大小来更改它的大小。我也试过用 .navbar-default .navbar-nav > li > a { 改变它但仍然不起作用。我究竟做错了什么？

HTML:

<!DOCTYPE html>
<head>
  <title>Restart</title>
   <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
   <link rel="stylesheet" href="css/style.css" type="text/css">


 </head>
 <body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
 <div class="navbar-header">
  <a class="navbar-brand" href="#"><img src="logo.png" height="40"</a>
  </div>
   <ul id="menu_buttons" class="nav navbar-nav navbar-right">
    <li><a href="#"><span class="glyphicon glyphicon-user"></span> Регистрация</a></li>
    <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Войти</a>      </li>
     </ul>
     </div>
 </nav>
<script src="js/bootstrap.min.js"></script>  
   </body>
   </html>

CSS:

.navbar {
background-color:#f3f9fe;

}

.navbar-brand {
 margin-top:-8px; 
}


#menu_buttons {
color:red;
}

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

最佳答案

改变:

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

为此:

.navbar .navbar-nav > li > a {
color:red;
}

关于html - Bootstrap 。无法更改导航栏链接颜色。即使有身份证，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40211786/

25 4 0
文章推荐： c++ - 参数太多，函数指针中的参数太少
文章推荐： iphone - 如何将 socket 设置为连接有 Action 的按钮？
文章推荐： c++ - 在 solaris 中运行可执行的 c++ 程序
文章推荐： javascript - 隐藏元素时如何禁用 `accesskey`？