CSS選擇器的權(quán)重與優(yōu)先規(guī)則 如果像我這樣寫為什么顯示的都是紅色而不是粉紅色,根據(jù)分析p語句時span繼承為0.1 后面一句為span標(biāo)簽為1,應(yīng)該顯示粉紅色才對,求解
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>特殊性</title>
<style type="text/css">
p{color:red;}
/* .first{color:green;}/*因為權(quán)值高顯示為綠色*/ ?*/
span{color:pink;}/*設(shè)置為粉色*/
/*p span{color:purple;}*/
</style>
</head>
<body>
? ? <h1>勇氣</h1>
? ? <p class="first">三年級時,我還是一個<span>膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學(xué)校舉辦的活動我也沒勇氣參加。</p>
? ? <p id="second">到了三年級下學(xué)期時,我們班上了一節(jié)公開課,老師提出了一個很簡單的問題,班里很多同學(xué)都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環(huán)顧了四周,就我沒有舉手。</p>
</body>
</html>
2016-10-10
/* ? ? */這個中間放的是文字內(nèi)容或者是你需要注意的地方,不會顯示出來,但是你把.first{color:green;}和p span{color:purple;}放進(jìn)去就不會顯示出來成為了提示效果,這樣是不對的,所以應(yīng)該去除這2處的/* ?*/ ? ? ?這是你的錯誤所在
關(guān)于你提到的問題,膽小如鼠因為繼承應(yīng)該是綠色,就是把span{color:pink;}刪除后的結(jié)果;這時候膽小如鼠的權(quán)值就不是.first的10,而是繼承的0.1。然后添加上span{color:pink;},因為span的權(quán)值為1,比繼承的0.1大,所以顯示為粉色。這是繼承的問題,好好看看繼承那節(jié)~
2016-10-10
這個地方出了問題,外圍的注釋‘*/’不知道什么原因并沒起到作用,就把你的span{color:pink;}語句注釋掉了;
把上邊那行刪去就可以了,你試試。
2016-10-10
因為span繼承了p ,所以span的權(quán)值為0.1,而p為1.
所以顯示紅色。
2016-10-10
你的提問已經(jīng)回答了你的問題了呀!因為span是p的子元素,所以它只有一個繼承權(quán)值,也就是0.1!不會再有第二個權(quán)值了.
2016-10-10
我這里顯示“膽小如鼠”是粉紅色的,沒有問題