首頁 > web前端 > css教學 > 網頁css優先權

網頁css優先權

高洛峰
發布: 2016-11-24 11:39:06
原創
1856 人瀏覽過

網頁中載入多個css樣式文件,其中一個是Ext庫自帶的樣式文件,裡面對所有標籤定義了一些樣式,導致原有網頁顯示不正確。透過找到對應樣式,重新設定了正確的樣式。將新樣式加到body標籤上,但是出現兩個樣式,Ext樣式仍然有效。最後發現時在設定新樣式的時候沒有加上*,導致只對body標籤有用,而對子標籤無效。下面為修改後的樣式

[css]  
.diy,  
.diy *{  
    box-sizing: content-box;  
    -moz-box-sizing : content-box;  
    -webkit-box-sizing: content-box;  
}
登入後複製

 

當一個標籤被定義多個樣式,而樣式之間出現衝突時,優先級為「針對ID定義的樣式」 > “類別定義樣式” > “針對標籤類型定義的樣式」。例如下面幾個樣式

[css] 
div{  
    border:2px solid #0000FF;   
}  
  
  
.powerHeader{  
    border:2px solid #00ff00;   
}  
  
  
#navigation{  
    border:2px solid #ff0000;   
}
登入後複製

 

在標籤

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板