1、CSS選擇器優(yōu)先級(jí) (1)CSS選擇器都有權(quán)重值,權(quán)重值越大優(yōu)先級(jí)越高。內(nèi)聯(lián)樣式表的權(quán)重值最高,值為1000。id選擇器的權(quán)重值為100。class選擇器的權(quán)值為10。類型(元素)選擇器的優(yōu)先級(jí)為1。通配符選擇器的優(yōu)先級(jí)為0。
成都創(chuàng)新互聯(lián)公司電話聯(lián)系:18980820575,為您提供成都網(wǎng)站建設(shè)網(wǎng)頁(yè)設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù),成都創(chuàng)新互聯(lián)公司網(wǎng)頁(yè)制作領(lǐng)域十多年,包括汽車玻璃修復(fù)等多個(gè)行業(yè)擁有多年的網(wǎng)站制作經(jīng)驗(yàn),選擇成都創(chuàng)新互聯(lián)公司,為網(wǎng)站錦上添花。
2、CSS權(quán)重是由四個(gè)數(shù)值決定,看一張圖比較好解釋:圖里是英文的,我翻譯過來(lái)分別說(shuō)一下,4個(gè)等級(jí)的定義如下:第一等:代表內(nèi)聯(lián)樣式,如: style=””,權(quán)值為1000。第二等:代表ID選擇器,如:#content,權(quán)值為100。
3、width:10px !important;意思是設(shè)置成最高級(jí)別,不管先后都會(huì)采用這個(gè)css,如果有兩個(gè)這種代碼會(huì)采用最后一個(gè)。
,如果樣式上加有!important標(biāo)記,例如:p{ color: gray !important}那么始終采用這個(gè)標(biāo)記的樣式。
第一級(jí)別:內(nèi)聯(lián)樣式,詳細(xì)大家都知道什么是內(nèi)聯(lián)樣式,既是在標(biāo)簽添加style屬性,這種方式權(quán)重值最高,權(quán)重值為1000,但是開發(fā)過程中比較少用到這種,因?yàn)楝F(xiàn)在推薦的方式都是將css,js,html寫成單獨(dú)文件。
css樣式表的權(quán)重關(guān)系:內(nèi)聯(lián)樣式表的權(quán)重最大!內(nèi)部和外部樣式的權(quán)重,和書寫的前后順序有關(guān)。(放在后面的會(huì)把放在前面的樣式覆蓋掉,覆蓋的只是相同屬性的樣式,不同屬性的樣式會(huì)繼續(xù)執(zhí)行。
按優(yōu)先級(jí):前端優(yōu)先讀取正序。正規(guī)規(guī)范優(yōu)先倒序。style= 這樣肯定是最優(yōu)的,但也是最不推薦的。前端標(biāo)簽直接寫入。延伸閱讀:讀取優(yōu)先,靈活使用,如大量頁(yè)面,每頁(yè)面都要設(shè)置。工作繁瑣,大量寫入增加代碼量。不利優(yōu)化。
網(wǎng)頁(yè)中css的導(dǎo)入方式 (2)嵌入式 嵌入式一般寫在head中,對(duì)于單個(gè)頁(yè)面來(lái)說(shuō),這種方式很方便。(3)導(dǎo)入式 !-- 導(dǎo)入外部樣式:在內(nèi)部樣式表的標(biāo)記之間導(dǎo)入一個(gè)外部樣式表,導(dǎo)入時(shí)用@import。
內(nèi)聯(lián)樣式表:內(nèi)聯(lián)樣式表是寫在標(biāo)記內(nèi)的,只對(duì)所在標(biāo)記有效。內(nèi)部及聯(lián)樣式表:利用標(biāo)記將樣式表嵌在HTML文件的頭部。外部級(jí)聯(lián)樣式表:使用標(biāo)記可以將樣式表鏈接到網(wǎng)頁(yè)上。
內(nèi)聯(lián)式:直接將CSS放在HTML標(biāo)記中使用,如下:這是一個(gè)段落!--這個(gè)段落顏色為藍(lán)色,左邊距為20像素--使用這種方法可以簡(jiǎn)單直接地對(duì)某個(gè)元素定義樣式,但是一旦頁(yè)面元素比較多時(shí),代碼會(huì)開始繁雜。
導(dǎo)入樣式@import url=(css路徑名);這種方法一般不用,可以直接忽略。一般都是采用鏈接樣式,行內(nèi)樣式和內(nèi)嵌樣式 維護(hù)起來(lái)相對(duì)麻煩,優(yōu)先級(jí)(從高到底)行內(nèi)樣式內(nèi)嵌樣式鏈接樣式導(dǎo)入樣式。
看完了上述內(nèi)容,那我們就來(lái)看看css選擇器優(yōu)先級(jí)的具體排序。
1、第二等:代表ID選擇器,如:#content,權(quán)值為100。第三等:代表類,偽類和屬性選擇器,如.content,權(quán)值為10。第四等:代表類型選擇器和偽元素選擇器,如div p,權(quán)值為1。最后把這些值加起來(lái),再就是當(dāng)前元素的權(quán)重了。
2、css樣式表的權(quán)重關(guān)系:內(nèi)聯(lián)樣式表的權(quán)重最大!內(nèi)部和外部樣式的權(quán)重,和書寫的前后順序有關(guān)。(放在后面的會(huì)把放在前面的樣式覆蓋掉,覆蓋的只是相同屬性的樣式,不同屬性的樣式會(huì)繼續(xù)執(zhí)行。
3、從樣式選擇器看權(quán)重優(yōu)先級(jí):important 內(nèi)嵌樣式 ID 類 標(biāo)簽 | 偽類 | 屬性選擇 偽對(duì)象 繼承 通配符。
4、單條css語(yǔ)句解析是從右向左的。(.a+ div)em { color :#ffffff;} 可以理解為:找到所有 em 找到所有 em 中 em的父元素是(.a+div)的 em 而css選擇器有不同的權(quán)重劃分。
外部樣式表 當(dāng)樣式需要應(yīng)用于很多頁(yè)面時(shí),外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過改變一個(gè)文件來(lái)改變整個(gè)站點(diǎn)的外觀。每個(gè)頁(yè)面使用 標(biāo)簽鏈接到樣式表。
一般而言,所有的樣式會(huì)根據(jù)下面的規(guī)則層疊于一個(gè)新的虛擬樣式表中,其中數(shù)字 4 擁有最高的優(yōu)先權(quán)。
css樣式采取的就近樣式原則。行內(nèi)樣式優(yōu)先級(jí)最高,沒有行內(nèi)樣式那么會(huì)回在頁(yè)答面找內(nèi)嵌樣式。名稱CSS中的“層疊(cascading)”表示樣式單規(guī)則應(yīng)用于HTML文檔元素的方式。
CSS權(quán)重是由四個(gè)數(shù)值決定,看一張圖比較好解釋:圖里是英文的,我翻譯過來(lái)分別說(shuō)一下,4個(gè)等級(jí)的定義如下:第一等:代表內(nèi)聯(lián)樣式,如: style=””,權(quán)值為1000。第二等:代表ID選擇器,如:#content,權(quán)值為100。
) 權(quán)重計(jì)算公式 關(guān)于CSS權(quán)重,我們需要一套計(jì)算公式來(lái)去計(jì)算,這個(gè)就是 CSS Specificity(特殊性)值從左到右,左面的最大,一級(jí)大于一級(jí),數(shù)位之間沒有進(jìn)制,級(jí)別之間不可超越。
CSS選擇器的權(quán)重與優(yōu)先規(guī)則 我們?cè)谑褂肅SS對(duì)網(wǎng)頁(yè)元素定義樣式時(shí)經(jīng)常會(huì)遇到這種情況:要對(duì)一般元素應(yīng)用一般樣式,然后在更特殊的元素上覆蓋它們。
分享名稱:引入css樣式權(quán)重 引入css樣式權(quán)重的方法
本文網(wǎng)址:http://chinadenli.net/article15/diijpdi.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、網(wǎng)站設(shè)計(jì)、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司、標(biāo)簽優(yōu)化、域名注冊(cè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)