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