最新文章專(zhuān)題視頻專(zhuān)題問(wèn)答1問(wèn)答10問(wèn)答100問(wèn)答1000問(wèn)答2000關(guān)鍵字專(zhuān)題1關(guān)鍵字專(zhuān)題50關(guān)鍵字專(zhuān)題500關(guān)鍵字專(zhuān)題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專(zhuān)題關(guān)鍵字專(zhuān)題tag2tag3文章專(zhuān)題文章專(zhuān)題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專(zhuān)題3
問(wèn)答文章1 問(wèn)答文章501 問(wèn)答文章1001 問(wèn)答文章1501 問(wèn)答文章2001 問(wèn)答文章2501 問(wèn)答文章3001 問(wèn)答文章3501 問(wèn)答文章4001 問(wèn)答文章4501 問(wèn)答文章5001 問(wèn)答文章5501 問(wèn)答文章6001 問(wèn)答文章6501 問(wèn)答文章7001 問(wèn)答文章7501 問(wèn)答文章8001 問(wèn)答文章8501 問(wèn)答文章9001 問(wèn)答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

一道考CSS的題目,求解(最好能說(shuō)清為什么)_html/css_WEB-ITnose

來(lái)源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 16:33:46
文檔

一道考CSS的題目,求解(最好能說(shuō)清為什么)_html/css_WEB-ITnose

一道考CSS的題目,求解(最好能說(shuō)清為什么)_html/css_WEB-ITnose:Consider following markup div.main span {color:red} span.important {color:green} text What colour will be applied to word text 回復(fù)討論(解決方案) div.main span {color:red} //所有DIV下一級(jí)class為main和所有是span元素字體顏色為red span.important {color:gree
推薦度:
導(dǎo)讀一道考CSS的題目,求解(最好能說(shuō)清為什么)_html/css_WEB-ITnose:Consider following markup div.main span {color:red} span.important {color:green} text What colour will be applied to word text 回復(fù)討論(解決方案) div.main span {color:red} //所有DIV下一級(jí)class為main和所有是span元素字體顏色為red span.important {color:gree

Consider following markup text What colour will be applied to word "text" ?


回復(fù)討論(解決方案)

div.main span {color:red} //所有DIV下一級(jí)class為main和所有是span元素字體顏色為red
span.important {color:green}//所有span的下一級(jí)class為 .important的元素字體顏色為green


然后代碼是上往下運(yùn)行 如果同個(gè)元素重復(fù)出現(xiàn) 最后顯示的是最下面的CSS效果

然后代碼是上往下運(yùn)行 如果同個(gè)元素重復(fù)出現(xiàn) 最后顯示的是最下面的CSS效果


答案是紅色呀?
況且div.main span {color:red} 表示的是類(lèi)名為main的DIV 下的span文字顏色為red,而不是你說(shuō)的:所有DIV下一級(jí)class為main和所有是span元素字體顏色為red。

以bootstrap的概念?解?的?
div.main span {color:red} 是模版?
span.important {color:green} 是元件?
所以理?套用?色的

如果你要套成?色的
改成?? span.important.important {green;}
??就?大?去了

為紅色

因?yàn)橐粋€(gè) css的使用優(yōu)先級(jí)
是看 樣式名稱(chēng)中分段的類(lèi)型加起來(lái)的 數(shù)值的大小

div.main span--》 (元素+類(lèi))+(元素)
span.important--》 (元素+類(lèi))

具體類(lèi)型代表的權(quán)重值忘記了 但是上面那個(gè)肯定大

http://www.w3cplus.com/css/css-specificity-things-you-should-know.html
CSS權(quán)重概念

類(lèi)名為main的div下的span標(biāo)簽字體顏色為紅色。
類(lèi)名為important的span標(biāo)簽字體顏色為紅色。
text結(jié)果為紅色。
div.main span {color:red}的優(yōu)先級(jí) 高于 span.important {color:green}


至于原因…… 我也不知道。。233

div.main span 兩個(gè)元素一個(gè)類(lèi)
span.important 一個(gè)元素一個(gè)類(lèi)
顯然前者的權(quán)重大于后者,所以是紅色

div.main span 兩個(gè)元素一個(gè)類(lèi)
span.important 一個(gè)元素一個(gè)類(lèi)
顯然前者的權(quán)重大于后者,所以是紅色


正解

http://www.w3cplus.com/css/css-specificity-things-you-should-know.html
CSS權(quán)重概念


謝謝您了,對(duì)我很有幫助

為紅色

因?yàn)橐粋€(gè) css的使用優(yōu)先級(jí)
是看 樣式名稱(chēng)中分段的類(lèi)型加起來(lái)的 數(shù)值的大小

div.main span--》 (元素+類(lèi))+(元素)
span.important--》 (元素+類(lèi))

具體類(lèi)型代表的權(quán)重值忘記了 但是上面那個(gè)肯定大


http://www.w3cplus.com/css/css-specificity-things-you-should-know.html
CSS權(quán)重概念
哈哈,共同學(xué)習(xí),一起進(jìn)步!

紅色啊。。div main類(lèi)的作用

id選擇器的優(yōu)先權(quán)高于類(lèi)選擇器吧

id選擇器的優(yōu)先權(quán)高于類(lèi)選擇器吧


sorry ,看錯(cuò)了


http://www.w3cplus.com/css/css-specificity-things-you-should-know.html
CSS權(quán)重概念


謝謝您了,對(duì)我很有幫助

客氣

聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

文檔

一道考CSS的題目,求解(最好能說(shuō)清為什么)_html/css_WEB-ITnose

一道考CSS的題目,求解(最好能說(shuō)清為什么)_html/css_WEB-ITnose:Consider following markup div.main span {color:red} span.important {color:green} text What colour will be applied to word text 回復(fù)討論(解決方案) div.main span {color:red} //所有DIV下一級(jí)class為main和所有是span元素字體顏色為red span.important {color:gree
推薦度:
標(biāo)簽: it html css
  • 熱門(mén)焦點(diǎn)

最新推薦

热门图文

猜你喜歡

專(zhuān)題
Top

抖音扫码关注

手机端二维码

每天分享百科知识!