**css優先順序的計算公式：
通常我們可以將css的優先順序由高到低分為六組：
無條件優先的屬性只需要在屬性後面使用 !important 。它會覆蓋頁面內任何位置定義的元素樣式。當然，ie 6不支援這個屬性，於是它也成為一種hack被很多人所熟知，真正使命被人淡忘。
第二高位的優先屬性是在html中給元素標籤加style。由於該方法會造成css的難以管理，所以不推薦使用。
第**優先的屬性是由乙個或多個id選擇器來定義的。例如 #id 會覆蓋 .classname。
第四級的屬性由乙個或多個 類選擇器、屬性選擇器、偽類選擇器定義。如 .classname 會覆蓋 div
第五級由乙個或多個 型別選擇器定義。如 div 覆蓋 * 。
最低一級的選擇器是為乙個通配選擇器，用*這樣的型別來定義。
另外，可以用一句極為簡單的話來描述css優先順序問題：當乙個css選擇器擁有更多的高階別屬性時，它的優先順序就會比較高。如 #i100 *.c20 *.c10{} 的優先順序就會高於 #i100 *.c10 div p span em{} ，這是由於前者擁有乙個第**和兩個第四級的選擇器而後者第**和第四級的選擇器各為乙個，當然前者優先順序會比較高。
css選擇器是乙個非常靈活的css屬性，優雅的使用它會使你的頁面**不再臃腫，而且還可以作為hack的妙用方法之一。
當比較多個相同級別的css選擇器優先順序時，它們定義的位置將決定一切。下面從位置上將css優先順序由高到低分為六級：
位於標籤裡的中所定義的css擁有最高端的優先權。
第二級的優先屬性由位於 標籤中的 @import 引入樣式表所定義。
第**的優先屬性由標籤所引入的樣式表定義。
第四級的優先屬性由標籤所引入的樣式表內的 @import 匯入樣式表定義。
第五級優先的樣式有使用者設定。
最低階的優先權由瀏覽器預設。
理解了這些css優先順序問題後，也就不必苦惱於樣式定於中的此類問題了
CSS選擇器及優先順序
css選擇器 css選擇器優先順序 解釋 對一種有標識的內容進行樣式變化 標籤選擇器 對應的標籤檔案所有對應的標籤都會被選擇修飾 選擇器名 標籤 類選擇器 標籤內的屬性 class 值 選擇器名 class 顧名思義，是一類的內容使用同一種樣式 id選擇器 標籤內的屬性 id 值 選擇器名 id i...
css選擇器及優先順序
後代選擇器 div p 選擇div元素裡面的所有p元素 子選擇器 div p 選擇父元素為div的所有p元素 同胞選擇器 div p 選擇所有緊跟在div之後的p元素 組選擇器 div,p 選擇所有的div和p元素 共同選擇器 div.name 選擇所有類名為name的div元素。即同時滿足 此外還...
CSS選擇器及選擇器優先順序
css選擇器有四種，標籤名選擇器，id選擇器，class選擇器，屬性選擇器，其中屬性選擇器權重最低且不常用 兩個選擇器a和b使用,連寫時,表示選擇滿足a或滿足b的元素 p2,p3兩個選擇器a和b使用空格連線時，表示選擇滿足a選擇器的元素內部的滿足b選擇器的元素 list a選擇器a和b使用 連寫時，...