Bootstrap Navbar——品牌换色调试

Question

我的样式表/custom.css.scss 中有以下内容

@import "bootstrap";

.navbar-inverse .navbar-brand {
        color: #f0ad4e;
    }

我的 layouts/_header.html.erb 中的以下内容正在我的 layouts/application.html.erb 中使用

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <a class="navbar-brand">....... etc..

我的导航栏品牌怎么不会变色！快把我逼疯了！

在我的检查器中，我看到以下内容：

.navbar-inverse .navbar-brand {
color: #999999;
}

所以它没有生效，有什么想法吗？

Answer 1

我解决了这个问题。这显然成功了：

.navbar-inverse .navbar-header .navbar-brand {
    color: #f0ad4e;
} 

Answer 2

尝试将选择器的特异性提高到：

nav.navbar.navbar-inverse > div.navbar-header > a.navbar-brand {
    color: #f0ad4e;
}

以上内容可能有点过头了——所以如果它有效，你应该考虑减少它。