html - 将鼠标悬停在 li 上以在 twitter bootstrap 中更改颜色

Question

当我悬停时，我试图让内部文本变成绿色。但是它没有这样做，我不确定为什么。我正在使用 Twitter Bootstrap

这是我的代码:

CSS:

#nav_pills li:hover {
    color: green;
}

HTML:

  <nav class="navbar navbar-default">
    <ul id="nav_pills" class="nav nav-pills" role="tablist">
      <li role="presentation"><a href="#about">About</a></li>
      <li role="presentation"><a href="#services">Services</a></li>
      <li role="presentation"><a href="#portfolio">Portfolio</a></li>
      <li role="presentation"><a href="#contact">Contact</a></li>
    </ul>
  </nav>

Answer 1

将a选择器添加到您的 CSS

#nav_pills li:hover a{
   color: green;
}