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)先權(quán)問題
Date：2014-08-04 Aource：尚品中國 Type：網(wǎng)站百科 Word Size：small medium big
- Location：
- ShangPin China >
- News >
- Encyclopedias >
- Main Body
寫法優(yōu)先權(quán)
從樣式寫入的位置來看，它們的優(yōu)先級依次是:
行內(nèi)樣式表。
內(nèi)部樣式表。
外部樣式表。
也就是說，在相同的CSS定義情況下，使用style定義在XHTML標(biāo)簽之中的樣式，其必然優(yōu)先于寫在<style>...</style>之間的樣式定義.其次或者說最后才是對外部樣式表調(diào)用及應(yīng)用。
選擇符優(yōu)先權(quán)
對于id與class而言，id的定義優(yōu)先于class的定義。比如：
<div id="layout" class="mylayout">{...文本...}</div>
在同時(shí)定義了兩種選擇符的情況下，比如：
#layout {
background-color:blue;
}
.mylayout{
Background-color:red;
}
div將執(zhí)行id中的定義，即背景色為blue。而具有class屬性比沒有class屬性的優(yōu)先權(quán)要大，比如下面的CSS定義：
.mylayout{
background-color:red;
}
div{
background-color:green;
}
div將執(zhí)行class中的定義，即背景色為red。從選擇符的優(yōu)先權(quán)上看:id>class>類型選擇符。選擇符優(yōu)先權(quán)能夠幫助我們優(yōu)化CSS定義代碼。
div{
background-color:green;
}
div#news{
background-color:black;
}
所有的div背景色都是綠色，但id為news的背景色為黑色。這樣就可以在大多數(shù)相同的情況下，對個(gè)別特例進(jìn)行單獨(dú)設(shè)計(jì)。