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

回復討論(解決方案)

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

然后代碼是上往下運行 如果同個元素重復出現 最后顯示的是最下面的CSS效果

然后代碼是上往下運行 如果同個元素重復出現 最后顯示的是最下面的CSS效果

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

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

為紅色

因為一個 css的使用優先級
是看 樣式名稱中分段的類型加起來的 數值的大小

div.main span－－》 （元素＋類）＋（元素）
span.important－－》 （元素＋類）

具體類型代表的權重值忘記了 但是上面那個肯定大

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

類名為main的div下的span標簽字體顏色為紅色。
類名為important的span標簽字體顏色為紅色。
text結果為紅色。
div.main span {color:red}的優先級 高于 span.important {color:green}


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

div.main span 兩個元素一個類
span.important 一個元素一個類
顯然前者的權重大于后者，所以是紅色

div.main span 兩個元素一個類
span.important 一個元素一個類
顯然前者的權重大于后者，所以是紅色

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

為紅色

因為一個 css的使用優先級
是看 樣式名稱中分段的類型加起來的 數值的大小

div.main span－－》 （元素＋類）＋（元素）
span.important－－》 （元素＋類）

具體類型代表的權重值忘記了 但是上面那個肯定大

紅色啊。。div main類的作用

id選擇器的優先權高于類選擇器吧

id選擇器的優先權高于類選擇器吧

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

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com