課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
權值是什么意思,權值高就使用什么css樣式是什么意思?
2016-10-20
源自:初識HTML(5)+CSS(3)-升級版 9-3
正在回答
就是優(yōu)先級的意思,先取得意思。
我們把特殊性分為4個等級,每個等級代表一類選擇器,每個等級的值為其所代表的選擇器的個數(shù)乘以這一等級的權值,最后把所有等級的值相加得出選擇器的特殊值。
4個等級的定義如下:
第一等:代表內聯(lián)樣式,如: style=””,權值為1000。
第二等:代表ID選擇器,如:#content,權值為100。
第三等:代表偽類和屬性選擇器,如.content,權值為10。
第四等:代表類型選擇器和偽元素選擇器,如div p,權值為1。
例如上圖為例,其中#NAV為二等選擇器,.ACTIVE為三等選擇器,UL、LI和A為四等選擇器。則整個選擇器表達式的特殊性的值為1*100+1*10+3*1=113
注意:通用選擇器(*),子選擇器(>)和相鄰同胞選擇器(+)并不在這四個等級中,所以他們的權值都為0。
注意:通用選擇器的權重為0,子選擇器和兄弟選擇器權重暫不做說明
?
就近原則
當權值相同的情況下怎么辦呢,這個時候就要看就近原則了。
大家都知道css有4種引入方式,除了行內式以外,后設置的值會覆蓋前面設置的, 因為剩余三種引入方式都是在頭部引入,后設置也就離目標屬性更近,也就是就近原則了。
不知道css有哪四種引入方式的童鞋可以看看CSS的四種引入方式
特殊的!important
在CSS中,通過對某一樣式聲明! important ,可以更改默認的CSS樣式優(yōu)先級規(guī)則,使該條樣式屬性聲明具有最高優(yōu)先級,也就是相當于寫在最下面。
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
1 回答p span{color:green;} /*權值為1+1=2*/是什么意思
3 回答默認值是什么意思
1 回答我想問的不是權值,而是這句話是什么意思,怎么用
2 回答權值是什么
2 回答css樣式權值
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2016-10-20
就是優(yōu)先級的意思,先取得意思。
2016-10-20
我們把特殊性分為4個等級,每個等級代表一類選擇器,每個等級的值為其所代表的選擇器的個數(shù)乘以這一等級的權值,最后把所有等級的值相加得出選擇器的特殊值。
4個等級的定義如下:
第一等:代表內聯(lián)樣式,如: style=””,權值為1000。
第二等:代表ID選擇器,如:#content,權值為100。
第三等:代表偽類和屬性選擇器,如.content,權值為10。
第四等:代表類型選擇器和偽元素選擇器,如div p,權值為1。
例如上圖為例,其中#NAV為二等選擇器,.ACTIVE為三等選擇器,UL、LI和A為四等選擇器。則整個選擇器表達式的特殊性的值為1*100+1*10+3*1=113
注意:通用選擇器(*),子選擇器(>)和相鄰同胞選擇器(+)并不在這四個等級中,所以他們的權值都為0。
注意:通用選擇器的權重為0,子選擇器和兄弟選擇器權重暫不做說明
?
就近原則
當權值相同的情況下怎么辦呢,這個時候就要看就近原則了。
大家都知道css有4種引入方式,除了行內式以外,后設置的值會覆蓋前面設置的, 因為剩余三種引入方式都是在頭部引入,后設置也就離目標屬性更近,也就是就近原則了。
不知道css有哪四種引入方式的童鞋可以看看CSS的四種引入方式
特殊的!important
在CSS中,通過對某一樣式聲明! important ,可以更改默認的CSS樣式優(yōu)先級規(guī)則,使該條樣式屬性聲明具有最高優(yōu)先級,也就是相當于寫在最下面。