第三行p后面加了空格之后第一段第二段都會變成綠色,為什么呢?
<style type="text/css">
p{color:red!important;}
p.first{color:green;}?
</style>
</head>
<body>
? ? <h1>勇氣</h1>
? ? <p class="first">三年級時,我還是一個<span>膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學(xué)校舉辦的活動我也沒勇氣參加。</p>
? ? <p id="second">到了三年級下學(xué)期時,我們班上了一節(jié)公開課,老師提出了一個很<span class="first">簡單</span>的問題,班里很多同學(xué)都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環(huán)顧了四周,就我沒有舉手。</p>
? ??
2016-11-15
p.first相當(dāng)于你給class="first”的p標(biāo)簽設(shè)置了樣式,
p空格.first相當(dāng)于p span,這就意味著你給span標(biāo)簽設(shè)置了樣式,
p{...!important;}
p{...;}
span{...;}?? //!important只會影響p標(biāo)簽,不會影響span標(biāo)簽
2016-10-31
出現(xiàn)重復(fù)的意思了,所以代碼會以后面的樣式為準(zhǔn)
2016-10-31
這是因為出現(xiàn)了層疊,當(dāng)有相同權(quán)重的樣式存在時,會根據(jù)這些css樣式的前后順序來決定,處于最后面的css樣式會被應(yīng)用。
2016-10-31
p后加空格并不會出現(xiàn)你所說的情況,而是一二段文字都變?yōu)榧t色,因為第二行代碼中p標(biāo)簽屬性優(yōu)先級自定義最高。
2016-10-31
加空格變包含選擇器,對fist和second都起作用