!important的優先級不應該是最高嗎，為什么下面的代碼顯示的“簡單”還是blue藍色的，求解
<html>
<head>
<title>!important</title>
<style type="text/css">
p{color:red!important;}
p.first{color:green;}
#second .first{color:blue;}
</style>
</head>
<body>
? ? <h1>勇氣</h1>
? ? <p class="first">三年級時，我還是一個<span>膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
? ? <p id="second">到了三年級下學期時，我們班上了一節公開課，老師提出了一個很<span class="first">簡單</span>的問題，班里很多同學都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環顧了四周，就我沒有舉手。</p>
? ??
</body>
</html>
2017-02-11
2017-02-11
繼承的權值只有0.1，然后就近原則。
2017-02-10
你又單獨設置了個類選擇器，類選擇器把紅色覆蓋了
2017-02-10
權重相同時，誰靠下用誰的
#second .first{color:blue;}是繼承了p的設置，所以權重和!improtant是相同的，但由于它比p{color:red!improtant;}更靠近代碼塊，所以“簡單”兩個字采用下面的設置
2017-02-10
應該是覆蓋了，或者說是層疊了。p中red雖然級別最高，但span是子元素，在渲染時又把紅色覆蓋了。
2017-02-10
因為你后面又重新設置了“簡單”的樣式，！important只是普遍是紅色，除了你特別去重新設置某些字的樣式。