CSS樣式優(yōu)先權(quán)問題
來源：尚品中國|
類型：網(wǎng)站百科|
時間：2014-08-04
由于存在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標(biāo)簽之中的樣式，其必然優(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ù)相同的情況下，對個別特例進(jìn)行單獨(dú)設(shè)計。
寫法優(yōu)先權(quán)
從樣式寫入的位置來看，它們的優(yōu)先級依次是:
行內(nèi)樣式表。
內(nèi)部樣式表。
外部樣式表。
也就是說，在相同的CSS定義情況下，使用style定義在XHTML標(biāo)簽之中的樣式，其必然優(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ù)相同的情況下，對個別特例進(jìn)行單獨(dú)設(shè)計。
來源聲明：本文章系尚品中國編輯原創(chuàng)或采編整理，如需轉(zhuǎn)載請注明來自尚品中國。以上內(nèi)容部分(包含圖片、文字)來源于網(wǎng)絡(luò)，如有侵權(quán)，請及時與本站聯(lián)系（010-60259772）。
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁面設(shè)計風(fēng)格
-
確認(rèn)交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計開發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門標(biāo)簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機(jī)端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
網(wǎng)絡(luò)安全？
20世紀(jì)90年代以來。計算機(jī)網(wǎng)絡(luò)技術(shù)得到了飛遭發(fā)展二信息的處現(xiàn)和傳.央...
2014-06-20 -
[北京網(wǎng)站制作]IT世界網(wǎng)或停運(yùn) IT類專業(yè)網(wǎng)站前途堪憂
IT天下網(wǎng)或停運(yùn) IT類專業(yè)網(wǎng)站出路堪憂克日，有音訊稱IT天下網(wǎng)行將中...
2011-11-13 -
經(jīng)歷6.28百度K站后從中得到的教訓(xùn)以及學(xué)習(xí)的經(jīng)驗(yàn)
肯定是還有別的方面的問題，當(dāng)然這也是個人總結(jié)進(jìn)去的原因。目前也是總結(jié)中...
2012-07-05 -
網(wǎng)站成功的利器之軟文營銷
提高網(wǎng)站關(guān)鍵詞排名能夠在搜索引擎里有個好排名，軟文的最終目的還是為了提...
2012-07-10 -
談獲取好排名的關(guān)鍵因素是用戶體驗(yàn)而非外鏈
SEO不斷的追求用戶體驗(yàn)，從傳統(tǒng)的利用大量的外鏈就可以提高排名到現(xiàn)...
2012-02-03 -
北京企業(yè)建站服務(wù)的基本流程包括哪些
當(dāng)下，隨著企業(yè)建站的需求不斷增多之后，那么在建站的服務(wù)平臺也越來越多。...
2020-07-28
如果您的網(wǎng)站可以增加轉(zhuǎn)化次數(shù)并提高客戶滿意度，該怎么辦？
預(yù)約專業(yè)咨詢顧問溝通！
Copyright ? 2024 恒久尚品 版權(quán)所有 | 京ICP備09066521號
| 公安機(jī)關(guān)備案號:11011502003910
免責(zé)聲明
誠信企業(yè)
尚品專注高端網(wǎng)站建設(shè)，系統(tǒng)平臺開發(fā)，微信小程序及APP開發(fā)服務(wù)
尚品專注高端網(wǎng)站建設(shè)，系統(tǒng)平臺開發(fā)，微信小程序及APP開發(fā)服務(wù)
免責(zé)聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前，請您仔細(xì)閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡(luò)，涉及到的部分文章和圖片版權(quán)屬于原作者，本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流，切勿用于任何商業(yè)活動。
2、本站不承擔(dān)用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī)，當(dāng)本聲明與國家法律法規(guī)沖突時，以國家法律法規(guī)為準(zhǔn)。
4、如果侵害了您的合法權(quán)益，請您及時與我們,我們會在第一時間刪除相關(guān)內(nèi)容!
聯(lián)系方式：010-60259772
電子郵件：394588593@qq.com
