不是很明白這里的原理
<style type="text/css">
p{color:red;}/*1*/
.first{color:green;}/*10*/
span{color:pink;}/*1*/
p span{color:purple;}/*1+1=2*/
</style>
</head>
<body>
? ? <h1>勇氣</h1>
? ? <p class="first">三年級時,我還是一個<span id="most">膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
? ? <p id="second">到了三年級下學期時,我們班上了一節公開課,老師提出了一個很簡單的問題,班里很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手。</p>
代碼如上,按理說“膽小如鼠”應該顯示不出來紫色啊,因為.first的權值是10而p span的權值只是2而已 求師兄師姐解答 謝謝(????)??
2016-10-22
p標簽的.first是繼承給span標簽的,繼承的權重為0.1 ?
?p span權重為2,當然是紫色了
2016-10-23
?.first{color:green;} 對于first來說,這條語句的權值為?10?;而對于first中的span膽小如鼠來說,因為繼承性,這條語句對于膽小如鼠來說只有?0.1?的權值。
2016-10-22
可以這么理解,它是父標簽P直接指向的子標簽SPAN,它的權值為2;而P標簽的.first是繼承給子標簽SPAN的,而繼承的權值最低為0.1,所以它顯示為紫色。
2016-10-22
可以這么理解 p與first設置的是整個段落的顏色 ?而span設置的是標注出來文本的顏色 所以沒有可比性 ?,只能p與first比較 span與p span比較 ?我是這么理解的 不知道對不對?
2016-10-22
就近原則,你明白不?
2016-10-22
.first設置的是P標簽的顏色,P標簽里面的span元素只是繼承了P標簽的顏色樣式而已,至于繼承的權重,你懂的