選擇器的權重

權重是什麼？

若是一個標籤裏面又有類又有id選擇器的話，標籤的渲染會聽誰的話呢？

根據渲染結果咱們能夠得出，它聽了id選擇器的話。
由於選擇器之間的權重不同，若是選擇器之間的css產生衝突，那麼權重越大的能夠覆蓋掉權重小的
可是因爲css有三種不一樣的引入形式（行內，內部，外部）因此根據不一樣的引入形式，權重也不同： 行內的權重最重， 內部的權重次之，寫在 外部css文件裏面的樣式權重最低
記住下面的表格（如下的數字都是 二進制數）:

內聯樣式的權重是1000
id選擇器的樣式0100
類和僞類選擇器0010
標籤選擇器0001
通配符選擇器("*")0000

還有個比較異類的標識符叫!important，這個標識符的做用就是幫助選擇器提高優先級

結果固然是內聯樣式的權重更重，元素被渲染成紅色，可是若是咱們給它提高權益呢

就變成藍色了！因此權重最重的是經過!important提升權益的css樣式
!important關鍵字有必定的兼容性問題，在ie7以上的瀏覽器上都沒有問題，ie6可能會失去效果