html - 为什么我不能通过 CSS 设置引导导航栏元素？

Question

html是：

      <div class="navbar navbar-fixed-top">
       <div class="navbar-inner">
          <div class="container">
            <a class="brand" href="index.html">my brand</a>
            <ul class="nav">
              <li class="active"><a href="index.html">Home</a></li>
              <li><a href="try.html" id="emphasize">Emphasize it</a></li>
            </ul>
          </div>
        </div>
      </div>

说，我想添加背景颜色。这是我在 CSS 文件中输入的内容：

    #emphasize{
        background: #99f;
    }

但是对导航栏没有影响。但是如果我尝试通过 HTML 样式标签或 Javascript 来设置它的样式，那就奇怪了：

    <li><a href="tryit.html" id="emphasize" style="background: #99f">Emphasize it</a></li>

或者

    document.getElementById('emphasize').style.background = '#99f';

Answer 1

我认为背景颜色被前面的颜色覆盖。所以你可以尝试使用这个 CSS。

#emphasize{
    background: #99f !important;
}

这将强制渲染使用这种颜色来代替..

让我知道它是否有效。