關于標簽權置問題,為什么#second設置為黃色他里面的span標簽內顏色還是為紫色?
<!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;}/*因為權值高顯示為綠色*/
span{color:pink;}/*設置為粉色*/
p span{color:purple;}
#second{
?? ?
?? ?
??? color:yellow;
}
</style>
</head>
<body>
??? <h1>勇氣</h1>
??? <p class="first">三年級時,我還是一個<span>膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
??? <p id="second">到了三年級下<span>學期時,我們班上了一節公開課,老師提出了一個很簡單的問題,班里很多同學都</span>舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手。</p>
</body>
</html>
2016-04-10
對于<span>標簽來說,其樣式有兩個定義:一是繼承<p id="second">標簽的樣式,即黃色;另一個是p span{}這部分css代碼定義的紫色(這是對標簽定義)。由于繼承的權值遠低于標簽的權值,因此,這里面顯示的是標簽定義的紫色。(權值高低關系詳見 9-2 特殊性)。
2016-04-10
是因為繼承的權值很低,低于上一個的p span 標簽,如果也要實現sapn紫色,可以改成<span id="second">
2016-04-10
當都作用在一個標簽上根據權值判定,#second和 p span 是兩個標簽 ?仔細看定義