課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
.first{color:green;}權(quán)值最大，span{color:pink;}權(quán)值為1，那為什么顯示的是粉紅色呢？
2014-07-18
源自：初識HTML(5)+CSS(3)-升級版 9-3
正在回答
1. ?內(nèi)聯(lián)樣式表的權(quán)值最高 10002. ?ID 選擇器的權(quán)值為 1003. ?Class 類選擇器的權(quán)值為 104. ?HTML 標(biāo)簽選擇器的權(quán)值為 1CSS 優(yōu)先級法則：A ?選擇器都有一個權(quán)值，權(quán)值越大越優(yōu)先B ?當(dāng)權(quán)值相等時，后出現(xiàn)的樣式表設(shè)置要優(yōu)于先出現(xiàn)的樣式表設(shè)置C ?創(chuàng)作者的規(guī)則高于瀏覽者：即網(wǎng)頁編寫者設(shè)置的CSS 樣式的優(yōu)先權(quán)高于瀏覽器所設(shè)置的樣式D ?繼承的CSS 樣式不如后來指定的CSS 樣式E ?在同一組屬性設(shè)置中標(biāo)有“!important”規(guī)則的優(yōu)先級最大這是規(guī)定好的,自然不能打破
能不能來個明白人講一下
我又來回答了p{color:red;}繼承關(guān)系，.first{color:green;}是10權(quán)值中令第一段變成green綠色，而<span>是1，中的文字也變成綠色而且是繼承者（權(quán)值是0.1），所以span{color:pink}權(quán)值1，就可以變成粉色，所以，只有寫上大于1的紫色就可以了，p span{}就是大于1的權(quán)值
掉人現(xiàn)眼了，答錯了。sorry
.first{color:green;} 是10 >?p{color:red;}是1，p span{color:pink}是1+1+10，所以12>10,
小霸王i
第七行??? p{color:red;}? 對于p來說，這條語句的權(quán)值為 1 ；而對于p中的span膽小如鼠來說，因為繼承性，這條語句對于膽小如鼠來說只有 0.1 的權(quán)值。
第八行??? .first{color:green;} 對于first來說，這條語句的權(quán)值為 10 ；而對于first中的span膽小如鼠來說，因為繼承性，這條語句對于膽小如鼠來說只有 0.1 的權(quán)值。
第十行??? span{color:pink;} 對于span膽小如鼠來說，這條語句的權(quán)值為 1 。
所以對于整段話來說（除了膽小如鼠外），執(zhí)行第八行語句，因為第八行具有的權(quán)值最高為10>第七行的權(quán)值1，；而對于膽小如鼠來說，執(zhí)行第十行語句，因為第十行語句具有的權(quán)值為1>第七行的權(quán)值0.1（第八行的權(quán)值）。
第十一行?? p span{color:purple;}? 對于p和span來說，這條語句的權(quán)值為1+1=2。那么現(xiàn)在對于p來說，就執(zhí)行第十一行語句（第十行權(quán)值為2>第十行的權(quán)值1）。歡迎大家討論。
風(fēng)早君418
大塊吃肉188 回復(fù) 風(fēng)早君418
慕斯卡6321256
默默努力的友人A
娜娜程序瑗
娜娜程序瑗 回復(fù) 娜娜程序瑗
緣來
wjh12345
慕仙8028120
慕仙8028120 回復(fù) 娜娜程序瑗
慕仙8028120 回復(fù) 慕仙8028120
我覺得用權(quán)值運(yùn)算來決定采用哪個樣式讓人比較難理解，還不如理解成哪個選擇符更具體就使用哪個樣式，如果同樣具體，那就使用就近原則，哪個樣式離作用目標(biāo)近的就使用哪個。
你的這個問題很好理解。的卻第一個權(quán)值是大。但是這個題目中。<span>在<p>中 ?span就繼承了p的first的權(quán)值 在加上后邊span自定義的權(quán)值 此時的span的權(quán)值應(yīng)該是first的權(quán)值加上span自定義的權(quán)值 所以span的權(quán)值是大于first的權(quán)值 當(dāng)然就應(yīng)該顯示的是粉紅色啦?
西風(fēng)瀟瀟
不能把.first視為類的權(quán)值來算，只能視為繼承，因為它是span的父標(biāo)記p的類而不是span本身的，所以權(quán)值只有0.1
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
2 回答.first span{color:red;}和.first>span{color:red;}
6 回答font-color和color的區(qū)別
3 回答注釋代碼不會在結(jié)果窗口顯示出來，要怎么修改呢
2 回答輸入gender-woman/man,并且上下輸入一致不可以嗎？
4 回答頭部標(biāo)簽可以用那么多么
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-06-17
1. ?內(nèi)聯(lián)樣式表的權(quán)值最高 1000
2. ?ID 選擇器的權(quán)值為 100
3. ?Class 類選擇器的權(quán)值為 10
4. ?HTML 標(biāo)簽選擇器的權(quán)值為 1
CSS 優(yōu)先級法則：
A ?選擇器都有一個權(quán)值，權(quán)值越大越優(yōu)先
B ?當(dāng)權(quán)值相等時，后出現(xiàn)的樣式表設(shè)置要優(yōu)于先出現(xiàn)的樣式表設(shè)置
C ?創(chuàng)作者的規(guī)則高于瀏覽者：即網(wǎng)頁編寫者設(shè)置的CSS 樣式的優(yōu)先權(quán)高于瀏覽器所設(shè)置的樣式
D ?繼承的CSS 樣式不如后來指定的CSS 樣式
E ?在同一組屬性設(shè)置中標(biāo)有“!important”規(guī)則的優(yōu)先級最大
這是規(guī)定好的,自然不能打破
2016-03-31
能不能來個明白人講一下
2016-01-08
我又來回答了p{color:red;}繼承關(guān)系，.first{color:green;}是10權(quán)值中令第一段變成green綠色，而<span>是1，中的文字也變成綠色而且是繼承者（權(quán)值是0.1），所以span{color:pink}權(quán)值1，就可以變成粉色，所以，只有寫上大于1的紫色就可以了，p span{}就是大于1的權(quán)值
2016-01-07
掉人現(xiàn)眼了，答錯了。sorry
2016-01-07
.first{color:green;} 是10 >?p{color:red;}是1，p span{color:pink}是1+1+10，所以12>10,
2015-09-20
第七行??? p{color:red;}? 對于p來說，這條語句的權(quán)值為 1 ；而對于p中的span膽小如鼠來說，因為繼承性，這條語句對于膽小如鼠來說只有 0.1 的權(quán)值。
第八行??? .first{color:green;} 對于first來說，這條語句的權(quán)值為 10 ；而對于first中的span膽小如鼠來說，因為繼承性，這條語句對于膽小如鼠來說只有 0.1 的權(quán)值。
第十行??? span{color:pink;} 對于span膽小如鼠來說，這條語句的權(quán)值為 1 。
所以對于整段話來說（除了膽小如鼠外），執(zhí)行第八行語句，因為第八行具有的權(quán)值最高為10>第七行的權(quán)值1，；而對于膽小如鼠來說，執(zhí)行第十行語句，因為第十行語句具有的權(quán)值為1>第七行的權(quán)值0.1（第八行的權(quán)值）。
第十一行?? p span{color:purple;}? 對于p和span來說，這條語句的權(quán)值為1+1=2。那么現(xiàn)在對于p來說，就執(zhí)行第十一行語句（第十行權(quán)值為2>第十行的權(quán)值1）。歡迎大家討論。
2015-09-03
我覺得用權(quán)值運(yùn)算來決定采用哪個樣式讓人比較難理解，還不如理解成哪個選擇符更具體就使用哪個樣式，如果同樣具體，那就使用就近原則，哪個樣式離作用目標(biāo)近的就使用哪個。
2015-03-09
你的這個問題很好理解。的卻第一個權(quán)值是大。但是這個題目中。<span>在<p>中 ?span就繼承了p的first的權(quán)值 在加上后邊span自定義的權(quán)值 此時的span的權(quán)值應(yīng)該是first的權(quán)值加上span自定義的權(quán)值 所以span的權(quán)值是大于first的權(quán)值 當(dāng)然就應(yīng)該顯示的是粉紅色啦?
2014-12-15
不能把.first視為類的權(quán)值來算，只能視為繼承，因為它是span的父標(biāo)記p的類而不是span本身的，所以權(quán)值只有0.1