亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

關于標簽權置問題,為什么#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>

正在回答

3 回答

對于<span>標簽來說,其樣式有兩個定義:一是繼承<p id="second">標簽的樣式,即黃色;另一個是p span{}這部分css代碼定義的紫色(這是對標簽定義)。由于繼承的權值遠低于標簽的權值,因此,這里面顯示的是標簽定義的紫色。(權值高低關系詳見 9-2 特殊性)。


0 回復 有任何疑惑可以回復我~
#1

Fine3143793

另外,<p id="second"> 雖然使用id定義的,但是對于其子元素<span>來說,color:yellow 是繼承來的,而不是用id定義來的。
2016-04-10 回復 有任何疑惑可以回復我~
#2

慕數據9060917 提問者

繼承的權值為0.1少于標簽的權值1所以應用標簽權值是嗎
2016-04-10 回復 有任何疑惑可以回復我~

是因為繼承的權值很低,低于上一個的p span 標簽,如果也要實現sapn紫色,可以改成<span id="second">

1 回復 有任何疑惑可以回復我~

當都作用在一個標簽上根據權值判定,#second和 p span 是兩個標簽 ?仔細看定義

0 回復 有任何疑惑可以回復我~
#1

慕數據9060917 提問者

#second 權值遠大于 P SPAN標簽的權重啊
2016-04-10 回復 有任何疑惑可以回復我~
#2

慕粉3173457

我的理解是 他是兩個 標簽 不進行權值比較
2016-04-10 回復 有任何疑惑可以回復我~
#3

慕數據9060917 提問者 回復 慕粉3173457

哦也有道理謝謝明白了
2016-04-10 回復 有任何疑惑可以回復我~
#4

Fine3143793 回復 慕數據9060917 提問者

我覺得是 #second 和 P SPAN標簽 是兩個標簽,不比較權值;P SPAN標簽自己的css和他繼承來的#second的css進行權值比較。 另外,謝謝采納~
2016-04-10 回復 有任何疑惑可以回復我~
查看2條回復

舉報

0/150
提交
取消

關于標簽權置問題,為什么#second設置為黃色他里面的span標簽內顏色還是為紫色?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號