CSS樣式優(yōu)先權(quán)問題
來源：尚品中國|
類型：網(wǎng)站百科|
時間：2014-08-04
由于存在3種不同的樣式表導入方式，以及各種種類繁多的樣式選擇符，因此在Css樣式的定義中，難免存在重復定義。對于瀏覽器來說，究竟優(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ō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è)計。
來源聲明：本文章系尚品中國編輯原創(chuàng)或采編整理，如需轉(zhuǎn)載請注明來自尚品中國。以上內(nèi)容部分(包含圖片、文字)來源于網(wǎng)絡(luò)，如有侵權(quán)，請及時與本站聯(lián)系（010-60259772）。
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁面設(shè)計風格
-
確認交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計開發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門標簽
- 網(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è)
- 手機端網(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ù)器
對于新手站長來說，如何選擇一款適合自己網(wǎng)站的服務(wù)器是一個頭疼的問題。不...
2021-09-14 -
2003-2015淘寶10年首頁改版欣賞
十年說長不長，說短也不短！十年之間，淘寶由默默無名之輩成長為震驚商界的...
2015-05-05 -
網(wǎng)站制作的時候，需要關(guān)注哪些內(nèi)容？
現(xiàn)在使用網(wǎng)站的用戶非常多，而且互聯(lián)網(wǎng)的傳播速度也是很迅速，所以說展現(xiàn)出...
2022-12-07 -
數(shù)據(jù)庫營銷的運作程序
一般來說，數(shù)據(jù)庫營銷經(jīng)歷數(shù)據(jù)采集、數(shù)據(jù)存儲、數(shù)據(jù)處理、尋找目標消費者、...
2014-08-04 -
什么是網(wǎng)絡(luò)適配器
網(wǎng)絡(luò)適配器(Network Interface Adapter, NI...
2014-06-23 -
網(wǎng)站怎樣建設(shè)才能更加受歡迎？
如果你想讓你的網(wǎng)站建設(shè)對用戶更有吸引力，并達到相對較高的轉(zhuǎn)化率，那么你...
2020-03-31
如果您的網(wǎng)站可以增加轉(zhuǎn)化次數(shù)并提高客戶滿意度，該怎么辦？
預(yù)約專業(yè)咨詢顧問溝通！
Copyright ? 2024 恒久尚品 版權(quán)所有 | 京ICP備09066521號
| 公安機關(guān)備案號:11011502003910
免責聲明
誠信企業(yè)
尚品專注高端網(wǎng)站建設(shè)，系統(tǒng)平臺開發(fā)，微信小程序及APP開發(fā)服務(wù)
尚品專注高端網(wǎng)站建設(shè)，系統(tǒng)平臺開發(fā)，微信小程序及APP開發(fā)服務(wù)
免責聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前，請您仔細閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡(luò)，涉及到的部分文章和圖片版權(quán)屬于原作者，本站轉(zhuǎn)載僅供大家學習和交流，切勿用于任何商業(yè)活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī)，當本聲明與國家法律法規(guī)沖突時，以國家法律法規(guī)為準。
4、如果侵害了您的合法權(quán)益，請您及時與我們,我們會在第一時間刪除相關(guān)內(nèi)容!
聯(lián)系方式：010-60259772
電子郵件：394588593@qq.com
