格式化引导导航链接css答案

【问题标题】：format bootstrap nav links css格式化引导导航链接css
【发布时间】：2017-01-12 11:01:29
【问题描述】：

<header role="banner" class="navbar navbar-fixed-top navbar-inverse">
  <div class="container">
    <div class="navbar-header">
      <button data-toggle="collapse-side" data-target=".side-collapse" data-target-2=".side-collapse-container" type="button" class="navbar-toggle pull-left"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
    </div>

    <div class="navbar-inverse side-collapse in">
      <nav role="navigation" class="navbar-collapse">
        <ul class="nav navbar-nav">
          <li><a href="#Home">Home</li>
          <li><a href="#users">Users</a></li>
          <li><a href="#">Places</a></li>
        </ul>
      </nav>
    </div>
  </div>
</header>

我需要格式化 li 链接，但无论我尝试什么都没有结果。我是 css 和 bootstrap 的新手，所以任何帮助都会非常好，并感激不尽

/* unvisited link */
nav navbar-nav a:link {
color: red;
}

/* visited link */
nav navbar-nav a:visited {
color: green;
}

/* mouse over link */
nav navbar-nav a:hover {
color: hotpink;
}

/* selected link */
nav navbar-nav  a:active {
color: blue;
}

【问题讨论】：

标签： css twitter-bootstrap hyperlink

【解决方案1】：

您需要定位<a>

.nav li a {
  color : red;
 }

【讨论】：

感谢您的建议，但没有奏效。我肯定错过了什么。非常令人沮丧。再次感谢。
我在 jsfiddle 中尝试过，它可以工作jsfiddle.net/nu65mu4s 问题是这个nav navbar-nav 它应该是这样的.nav.navbar-nav，因为这两个类都在同一个元素上你之前写的意思是@987654326 @ 是 nav 的孩子，这就是它不起作用的原因。如果对您有帮助，请采纳答案。

【解决方案2】：

nav navbar-nav 是 CSS 类选择器。所以它们必须用“.”表示。在应用 CSS 的同时。您的代码必须如下所示：

    /* unvisited link */
    .navbar-inverse .navbar-nav>li>a {
        color: red;
    }

您可以同样编辑 CSS 的其余部分。

【讨论】：