CSS樣式優(yōu)先權(quán)問題
由于存在3種不同的樣式表導(dǎo)入方式，以及各種種類繁多的樣式選擇符，因此在Css樣式的定義中，難免存在重復(fù)定義。對于瀏覽器來說，究竟優(yōu)先執(zhí)行哪一個定義，這便是我們需要考慮的問題。在北京網(wǎng)站建設(shè)CSS設(shè)計中，樣式優(yōu)先問題不容忽視。
寫法優(yōu)先權(quán)
從樣式寫入的位置來看，它們的優(yōu)先級依次是:
行內(nèi)樣式表。
內(nèi)部樣式表。
外部樣式表。
也就是說，在相同的CSS定義情況下，使用style定義在XHTML標簽之中的樣式，其必然優(yōu)先于寫在
...
之間的樣式定義.其次或者說最后才是對外部樣式表調(diào)用及應(yīng)用。
選擇符優(yōu)先權(quán)
對于id與class而言，id的定義優(yōu)先于class的定義。比如：
{...文本...}
在同時定義了兩種選擇符的情況下，比如：
#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ù)相同的情況下，對個別特例進行單獨設(shè)計。
返回新聞列表
業(yè)務(wù)咨詢微信掃一掃