來自
一般情況下：
[1位重要標誌位] > [4位特殊性標誌] > 宣告先後順序
!important > [ id > class > tag ]
使用!important可以改變優先級別為最高，其次是style物件，然後是id > class >tag ，另外，另外在同級樣式按照申明的順序後出現的樣式具有高優先順序。
先來看下!important 這個詭異的東西。
1除了ie6，其他瀏覽器都會顯示背景為紅色，正是!important的作用，意思就是只要我在這裡我就是最重要的啦，任何東西都不能取代我，沒看見都是乙個 ！外加乙個英文單詞 important 嗎？很形象，很貼切了。ie6這裡會顯示背景為藍色，並不是ie6不支援!important，而是它會按照樣式宣告順序後出現的覆蓋前面的，此時它已經不認識!important了，它六親不認了。這正是廣為流傳的ie6 hack之一。而如果這樣寫會正常顯示背景為紅色：
1再來看下4位特殊性標誌 [0.0.0.0]
從左至右，每次給某乙個位置+1，前一段對後一段具有無可辯駁的壓倒性優勢。無論後一位數值有多大永遠無法超過前一位的1。
1，內聯樣式 [1.0.0.0]
a：b：還有就是js控制的內聯樣式style物件，document.getelementbyid("demo").style.color="red";
這兩者屬於同一級別，不過一般情況是js控制的內聯樣式優先順序高，這與先後順序申明有關係與本質無關，因為往往dom操作是在dom樹載入完畢之後。
2，id選擇器 [0.1.0.0]
3，類，屬性，偽類 選擇器 [0.0.1.0]
4，元素標籤，偽元素 選擇器 [0.0.0.1]
關於css選擇器可以檢視w3c或者css的手冊，不囉嗦了。
注意下 偽類選擇器
lvha偽類,樣式按lvha優先順序順序從右至左覆蓋，不同的順序會產生不同的效果。
a:link - 預設鏈結樣式
a:visited - 已訪問鏈結樣式
a:hover - 滑鼠懸停樣式
a:active - 滑鼠點選樣式
最後寫下關於js控制內聯樣式 帶!important的現象：
看下正常的demo1：11
1最終顯示背景為紅色，這應該不會有什麼問題, !important 放到哪都會改變優先順序的，而後面的js**也不會改變優先順序。
另外乙個demo2:16
1 1ie6,7 顯示 紅色
ff2+ 顯示 黃色
opera9+ 顯示 紅色
safari 顯示 黃色
demo3:11
1ie6,7 顯示紅色
ff2+ 顯示黃色
opera9+ 顯示黑色
safari 顯示黑色
解釋下上面兩個例子：
js控制的style物件 實際就是內聯樣式style，這個沒錯
但是對於 js控制style物件屬性值裡增加的!important 三個瀏覽器卻給出了不同的結果：
ie：js控制style物件屬性值完全覆蓋內聯style屬性值，不支援element.style.property="value !important"，將報錯:引數無效。
ff2+：不完全支援element.style.property="value !important" : !important無效，不會報錯, 如果內聯style屬性值無!important，則完全覆蓋，有!important 則內聯style屬性優先順序最高，不會受js控制style的任何影響。
opera9+ ：js控制style物件屬性值完全覆蓋內聯style屬性值，支援element.style.property="value !important"。
safari：支援element.style.property="value !important" ，如果內聯style屬性值無!important，則完全覆蓋，有!important 則內聯style屬性優先順序最高，不會受js控制style的任何影響。
css 優先順序
當我們的css樣式中，如果同個元素有兩個或以上衝突的css規則，瀏覽器有一些基本的規則來決定哪乙個非常特殊而勝出，也就是常講的css優先順序。一般情況下，你不必擔心css樣式衝突，但對於大型而且複雜的css樣式檔案，或有很多css檔案組成的，就非常有可能產生衝突。下面我們通過2個簡單的例項來了解一下...
css優先順序
今天在使用公司內部框架的時候，發現乙個問題。我在頁面的style元素裡面寫了乙個class選擇器，可是卻不起作用。使用f12檢視，發現是當前的樣式沒有起作用，而是被框架生成的樣式代替掉了。當然，寫內嵌的樣式肯定是沒問題。可問題就是，我明明在頁面內部寫了樣式，按照常理，應該是我手寫的類選擇器的優先順序...
css優先順序
css樣式分為 外部樣式，內部樣式，內聯樣式 選擇器優先權 1.內聯樣式表的權值最高 1000 2.id 選擇器的權值為 100 3.class 類選擇器的權值為 10 4.html 標籤選擇器的權值為 1 css 優先順序法則 a 選擇器都有乙個權值，權值越大越優先 b 當權值相等時，後出現的樣式...