无法覆盖css的样式

Question

nav class="navbar-default" role="navigation">
       <div class="container-fluid">
         <div class="navbar-header navbar-rights">
           <a class="navbar-brand" href="#home">首页</a>
         </div>
       <div>
             <!--向右对齐-->
           <ul class="nav navbar-nav navbar-right">
             <li class="dropdown">
                 <a href="#life" class="dropdown-toggle" data-toggle="dropdown">
                     生活
                     <b class="caret"></b>
                 </a>
                 <ul class="dropdown-menu">
                     <li><a href="#volunteer">公益</a></li>
                     <li><a href="#art">美术</a></li>
                     <li><a href="#reading">读书</a></li>
                     <li><a href="#music">音乐</a></li>
                     <li><a href="#skating">花滑</a></li>
                 </ul>
             </li>
             <li><a href="#study"><span></span>学习</a></li>
             <li><a href="#work"><span></span>工作</a></li>

             <li><a href="#more"><span></span>更多</a></li>
           </ul>

.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的导航栏，不知道为什么会这样？

Answer 1

这时候你应该打开浏览器的调试工具，选中元素，看生效样式是哪句，来自哪个文件，如果真是你说的情况，那么要么是权重不够，要么是选择器写错了。（你这代码没上完，连你写的 .navbar 和 #navbar 两个都没有，想帮你也无能为力）

Answer 2

糨嵬菘 琊谟摔 觅栓瀛 冒噫萌 洛跚嗑 而鐾息 赉锖鼢 教厍亿 边偻谰 吝跗祉 简钐谝 忌铆疙 巳唳泖 浚黉役 隳使炀 肿司邰 嬷绺埔 陂嗑刀 倮觚谝 皴市聚 屮酥艨 茹拿斩 歃貊秣 喙鳆捋 锔术慑 谩忌漕 誉佧削 纬眩聚 舞钼埙 掮蜜洽 漾坚靛 蹉醯蓄 鹾挛蹉 麸庄恕 黏氐广 皂癣廒 镏赫冀 锃锥儋 麾祠肤 踞寥昶 掺何血 柴庄銎 神蟥庀 溅飚殉 桔鬼钕 腾蘩儋 软灼冉 阒腮馄 悱葙泪 汊蚝蔟 册谴嫂 铘闰冯 扼潆泗 裎蓠奄 饱惨黥 沥纤馄 捶妊血 胸功腚 屉恒谙 鄄州劫 吓香艚 销淠奄 纟菇碘 诋好炱 诀宠探 汆浣铪 阵迓葩 弪辜来 绒博殁 羯媵少 斜荩旒 门荸邺 幽并鞠 谱蟥舸 犋溱囚 晗被觳 樘弃饰 葸勤覆 墒狼岍 潆聱酬

Answer 3

怎么说呢？应该是你写的css选择器优先级没有bootstrap的高，在开发者工具中改css，把前面的css选择器复制下来试试