關于CSS樣式優先級一般情況下[1位重要標志位][4位特殊性標志]聲明先后順序[]使用可以改變優先級別為最高其次是style對象然后是另外另外在同級樣式按照申明的順序后出現的樣式具有高優先級-先來看下這個詭異的東西""-除了IE6其他瀏覽器都會顯示背景為紅色正是的作用意思就是只要我在這里我就是最重要的啦任何東西都不能取代我沒看見都是一個外加一個英文單詞嗎很形象很貼切了IE6這里會顯示背景為藍色并不是IE6不支持而是它會按照樣式聲明順序后出現的覆蓋前面的此時它已經不認識了它六親不認了這正是廣為流傳的之一而如果這樣寫會正常顯示背景為紅色""
-再來看下4位特殊性標志[0000]從左至右每次給某一個位置1前一段對后一段具有無可辯駁的壓倒性優勢無論后一位數值有多大永遠無法超過前一位的11內聯樣式[1000]"demo"style""spanB還有就是JS控制的內聯樣式style對象Id"demo""red"這兩者屬于同一級別不過一般情況是JS控制的內聯樣式優先級高這與先后順序申明有關系與本質無關因為往往DOM操作是在DOM樹加載完畢之后2ID選擇器[0100]3類屬性偽類選擇器[0010]4元素標簽偽元素選擇器[0001]關于CSS選擇器可以查看W3C或者CSS的手冊華為質量管理手冊 下載焊接手冊下載團建手冊下載團建手冊下載典管手冊下載不啰嗦了注意下偽類選擇器LVHA偽類樣式按LVHA優先級順序從右至左覆蓋不同的順序會產生不同的效果alink-默認鏈接樣式-已訪問鏈接樣式-鼠標懸停樣式-鼠標點擊樣式最后寫下關于JS控制
內聯樣式帶的現象看下正常的""yle-"demo1"style""""yId"demo1""black"-最終顯示背景為紅色這應該不會有什么問題快遞公司問題件快遞公司問題件貨款處理關于圓的周長面積重點題型關于解方程組的題及答案關于南海問題放到哪都會改變優先級的而后面的JS代碼也不會改變優先級-另外一個"""demo2"style"
"div-""Id"demo2""black"-IE67顯示紅色FF2顯示黃色顯示紅色顯示黃色--"""demo3"style"rtant"div-1-""yId"demo3"""-IE67顯示紅色FF2顯示黃色顯示黑色顯示黑色--解釋下上面兩個例子-JS控制的style對象實際css樣式使用優先級順序
就是內聯樣式style這個沒錯-但是對于JS控制style對象屬性值里增加的三個瀏覽器卻給出了不同的結果-IEJS控制style對象屬性值完全覆蓋內聯style屬性值不支持""將報錯參數無效FF2不完全支持""無效不會報錯如果內聯style屬性值無則完全覆蓋有則內聯style屬性優先級最高不會受JS控制style的任何影響控制style對象屬性值完全覆蓋內聯style屬性值支持""支持""如果內聯style屬性值無則完全覆蓋有則內聯style屬性優先級最高不會受JS控制style的任何影響-css樣式使用優先級順序