關(guān)于權(quán)重問(wèn)題
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>分組選擇符</title> <style?type="text/css"> h1,span{color:red;} #second>span,.first{ ????color:green; } </style> </head> <body> ????<h1>勇氣</h1> ????<p?class="first">三年級(jí)時(shí),我還是一個(gè)<span>膽小如鼠</span>的小女孩,上課從來(lái)不敢回答老師提出的問(wèn)題,生怕回答錯(cuò)了老師會(huì)批評(píng)我。就一直沒(méi)有這個(gè)勇氣來(lái)回答老師提出的問(wèn)題。學(xué)校舉辦的活動(dòng)我也沒(méi)勇氣參加。</p> ????<p?id="second">到了三年級(jí)下學(xué)期時(shí),我們班上了一節(jié)公開(kāi)課,老師提出了一個(gè)很<span>簡(jiǎn)單</span>的問(wèn)題,班里很多同學(xué)都舉手了,甚至成績(jī)比我差很多的,也舉手了,還說(shuō)著:"我來(lái),我來(lái)。"我環(huán)顧了四周,就我沒(méi)有舉手.</p> ????<img?src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg"?> </body> </html>
首先所有的h1、span標(biāo)簽的文字字體變紅色。也就是“勇氣”“膽小如鼠”“簡(jiǎn)單”變紅色。
然后.first的所有文字和#second第一個(gè)span變成綠色?!昂?jiǎn)單”變成綠色,.first所有文字變綠色。
為什么“膽小如鼠”還是紅色?
2017-06-09
建議你看一下繼承那里,<span>標(biāo)簽之所以會(huì)顯示綠色,是因?yàn)槔^承,而繼承的權(quán)重只有0.1,<span>{color:red;}
的權(quán)重是1,1>0.1,所以顯示的是紅色。
2017-06-23
總感覺(jué)你是大神啊,懂的真多
2017-06-09
h1,span{color:red;}改成 h1 span{color:red;}就變綠了,可能是格式不同系統(tǒng)識(shí)別不了權(quán)重吧,我也是新手剛剛學(xué)
2017-06-09
因?yàn)槟阍趆1,span{color:red;}屬于分別定義兩者的熟悉,你可以嘗試把“,”改成空格,就能夠得到權(quán)重的理論的結(jié)果變綠色了。
2017-06-09
你把.first移到#second前面.first,#second>span
2017-06-09
因?yàn)橹苯佑脴?biāo)簽做的選擇器比其他東西做的選擇器的權(quán)重都是要大的。