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