Please contact our consultant
+86 10-60259772
Please provide your contact number. The project manager of shangpin China will contact you as soon as possible.
CSS樣式優(yōu)先權問題
Date：2014-08-04 Aource：尚品中國 Type：網站百科 Word Size：small medium big
- Location：
- ShangPin China >
- News >
- Encyclopedias >
- Main Body
寫法優(yōu)先權
從樣式寫入的位置來看，它們的優(yōu)先級依次是:
行內樣式表。
內部樣式表。
外部樣式表。
也就是說，在相同的CSS定義情況下，使用style定義在XHTML標簽之中的樣式，其必然優(yōu)先于寫在<style>...</style>之間的樣式定義.其次或者說最后才是對外部樣式表調用及應用。
選擇符優(yōu)先權
對于id與class而言，id的定義優(yōu)先于class的定義。比如：
<div id="layout" class="mylayout">{...文本...}</div>
在同時定義了兩種選擇符的情況下，比如：
#layout {
background-color:blue;
}
.mylayout{
Background-color:red;
}
div將執(zhí)行id中的定義，即背景色為blue。而具有class屬性比沒有class屬性的優(yōu)先權要大，比如下面的CSS定義：
.mylayout{
background-color:red;
}
div{
background-color:green;
}
div將執(zhí)行class中的定義，即背景色為red。從選擇符的優(yōu)先權上看:id>class>類型選擇符。選擇符優(yōu)先權能夠幫助我們優(yōu)化CSS定義代碼。
div{
background-color:green;
}
div#news{
background-color:black;
}
所有的div背景色都是綠色，但id為news的背景色為黑色。這樣就可以在大多數相同的情況下，對個別特例進行單獨設計。