html样式无法覆盖,无法覆盖css的样式

nav class="navbar-default" role="navigation">

首页

• 生活

  • 公益
  • 美术
  • 读书
  • 音乐
  • 花滑
• 学习
• 工作
• 更多

.icon-bar{border: 1px solid #fff;}

.navbar{background: #d9534f;}

.navbar .navbar-brand .navbar .navbar-brand:hover{color: #fff;}

#navbar li a{color: #fff;}

#navbar li.active a{background:#fff;color: #d9534f;font-weight: bold}

#navbar li.dropdown .dropdown-toggle{background: #d9534f;}

#navbar li.dropdown .dropdown-menu{background: #d9534f;}

#navbar li.dropdown .dropdown-menu li a:hover{background: #900;}

我向上面这样写了，而且css文件放在了bootstrap引入文件之后引入，还是无法覆盖bootstrap的导航栏，不知道为什么会这样？