不刪除第一行為什么第一段的膽小如鼠是紅色的? 不是應(yīng)該按照第二行就近原則變綠色嗎?
h1,span{color:red;}
.first,#second span{color:green;}
</style>
</head>
<body>
? ? <h1>勇氣</h1>
? ? <p class="first">三年級時(shí),我還是一個(gè)<span>膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個(gè)勇氣來回答老師提出的問題。學(xué)校舉辦的活動我也沒勇氣參加。</p>
? ? <p id="second">到了三年級下學(xué)期時(shí),我們班上了一節(jié)公開課,老師提出了一個(gè)很<span>簡單</span>的問題,班里很多同學(xué)都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環(huán)顧了四周,就我沒有舉手。</p>
2016-09-23
我猜應(yīng)該是權(quán)值的問題。.first的權(quán)值沒有h1,span{color:red;}的權(quán)值高。
2016-09-11
h1,span{color:red;} 是h1標(biāo)簽和span標(biāo)簽為紅色。
.first,#second span{color:green;}表示類first和唯一id second 下的span為綠色。
但是拆分來說?
h1紅色?
span紅色?
.first綠色?
#second span綠色
第一段符合 span雖然在.first.里面 但.first段落為綠色,里面span是從新給膽小如鼠添加的是紅色。
2016-09-11
單獨(dú)看:
h1,span{color:red;}表示所有<span></span>里面的內(nèi)容都是紅色,
first,#second span{color:green;}表示.first里面的除<span>內(nèi)容</span>以外都是綠色,#second span里面的內(nèi)容也為綠色
綜合看:
由于css里面的層疊性,#second span里面的綠色覆蓋了h1,span的紅色,而first span里面內(nèi)容的顏色未被覆蓋,所以仍為紅色
2016-09-11
CSS中第一行所設(shè)置的是“勇氣”和所有的span標(biāo)簽為紅色,第二行設(shè)置的是第二段中的span標(biāo)簽“簡單”為綠色;這時(shí)候第一行中的膽小如鼠不受第二行影響;
2016-09-11
.first,#second span{color:green;}這段定義的是“#second span”的顏色也就是“簡單”,而h1,span{color:red;}里面的span定義的才是“膽小如鼠”