导航栏固定顶部背景颜色

Question

我想更改导航菜单的背景颜色。当我将样式代码放在html页面中时，导航的颜色成功地改变如下：

    <nav class="navbar navbar-default navbar-fixed-top" style="background-color:red;">
    <div class="container">

    </div>
    </nav>

但是当我尝试通过CSS文件应用它时，没有任何反应。

.navbar-default{
height:100px;
background-color: red;
border-color: #E7E7E7;
 }

请帮忙