css样式权重控制

css作用于dom元素的方式非常多，通常情况下优先级由高到低排列如下：

style             <div style=“aa:bb” …/>     --直接写在dom元素上的style样式优先级最高，

id选择器       <div id=“#abcd”  …/>           <style> #abcd{} </style>    --css中通过 id选择器识别元素优先级排列第2

class选择器  <div class=“abcd”  …/>       <style> .abcd{} </style>     --css中通过 class选择器识别元素优先级排列第3

标签选择器   <div  …/>                       <style> div{} </style>               --css中通过 dom标签识别元素优先级排列第4

另外两点也非常重要，

1.如果相同级别的样式，后面的覆盖前面的样式，也就是说同一个css文件中，如果存在相同的级别的css，最终以后面的生效。

2.使用 !important; 来改变默认的优先级顺序，可以使之达到最高优先级

.navbar-right {

1. float: right !important;
2. margin-right: -15px;

}