css - 格式化 bootstrap 导航链接 css

Question

<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;
}

Answer 1

您需要定位 <a>

.nav li a {
  color : red;
 }