由于樣式表有3種不同的導(dǎo)入方式,樣式選擇器種類繁多,因此在定義Css樣式時難免會出現(xiàn)重復(fù)定義的情況。對于瀏覽器來說,先執(zhí)行哪個定義是我們需要考慮的問題。在北京網(wǎng)站建設(shè)的CSS設(shè)計中,樣式優(yōu)先級的問題不容忽視。寫法優(yōu)先權(quán)
從樣式寫在哪里來看,他們的優(yōu)先級是:
內(nèi)聯(lián)樣式表。
內(nèi)部樣式表。
外部樣式表。
也就是說,在同一個CSS定義的情況下,使用style的XHTML標(biāo)簽中定義的樣式必須優(yōu)先于在XHTML標(biāo)簽中寫的樣式
之間的樣式定義。第二個或最后一個是外部樣式表的調(diào)用和應(yīng)用。選擇符優(yōu)先權(quán)
對于id 和class,id 的定義優(yōu)先于class 的定義。例如:
{.文本.}
在同時定義兩個選擇器的情況下,例如:
布局{
背景顏色: 藍(lán)色;
}
.我的布局{
背景色:red;
}
div會執(zhí)行id中的定義,即背景色為藍(lán)色。而且有class屬性比沒有class屬性有更高的優(yōu)先級,比如下面的CSS定義:
.我的布局{
背景顏色: 紅色;
}
分區(qū){
背景顏色: 綠色;
}
div會實現(xiàn)類中的定義,即背景色為紅色。從選擇器的優(yōu)先級看:idclass類型選擇器。選擇器優(yōu)先級可以幫助我們優(yōu)化CSS定義代碼。
分區(qū){
背景顏色: 綠色;
}
股息#news{
背景顏色: 黑色;
}
所有div的背景色都是綠色,而id news的背景色是黑色。這允許針對大多數(shù)相同情況單獨設(shè)計個別特殊情況。
我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!