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效果
以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)重概念
為紅色
因?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è)肯定大
紅色啊。。div main類(lèi)的作用
id選擇器的優(yōu)先權(quán)高于類(lèi)選擇器吧
id選擇器的優(yōu)先權(quán)高于類(lèi)選擇器吧
http://www.w3cplus.com/css/css-specificity-things-you-should-know.html
CSS權(quán)重概念
聲明:本網(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(抖音搜索懂视),直接咨询即可。