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

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

span標簽包含在p標簽中,但是span標簽中顏色變化不會受p標簽決定?求大神詳解

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>分組選擇符</title>

<style type="text/css">

h1,span{color:red;}

.first,#second>span{color:green;}

</style>

</head>

<body>

? ? <h1>勇氣</h1>

? ? <p class="first">三年級時,我還是一個<span>膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>

? ? <p id="second">到了三年級下學期時,我們班上了一節公開課,老師提出了一個很<span>簡單</span>的問題,班里很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手。</p>


正在回答

4 回答

CSS有一套機制來處理屬性沖突問題,可以簡單理解為誰的數值大,誰贏.

span在第一段p中,它的屬性有沖突,分別是:

1,繼承自.first的{color:green;}

2,自己定義的span{color:red}

2的權重大于1,所以按2來處理.

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

文強武盛 提問者

非常感謝!
2016-03-08 回復 有任何疑惑可以回復我~

如 你可以這么寫p1 span{color:red}

下面段落改成p1

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

因為代碼是從頭讀到尾 一開始有了h1,span{color:red;} 就span的都是紅色了

.first,#second span{color:green;}

不需要>

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

文強武盛 提問者

謝謝妹子
2016-03-02 回復 有任何疑惑可以回復我~
把第4行“h1,span{color:red;}”刪除就行了,沖突了


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

文強武盛 提問者

我知道啊,我就是想問怎么沖突了,明明span標簽包含在p標簽內啊,.first{color:green}應該把第一段全變綠啊,包括span內的啊
2016-03-01 回復 有任何疑惑可以回復我~
#2

__blank 回復 文強武盛 提問者

繼承屬性的權值是最低的,教程里面說就0.1,單獨設置的權值就有1了,估計應該是這樣,不然就是個死圈了
2016-03-01 回復 有任何疑惑可以回復我~
#3

__blank 回復 文強武盛 提問者

還有一個權值比較特殊--繼承也有權值但很低,有的文獻提出它只有0.1,所以可以理解為繼承的權值最低。
2016-03-01 回復 有任何疑惑可以回復我~
#4

文強武盛 提問者 回復 __blank

意思是span標簽包含在p標簽中,但是span標簽中顏色變化不會受p標簽決定?如果給了span顏色,p標簽只能決定p之內,span之外的?
2016-03-02 回復 有任何疑惑可以回復我~
#5

文強武盛 提問者 回復 __blank

哥們謝謝你,辛苦了,我可能還沒學到后面,有些亂了
2016-03-02 回復 有任何疑惑可以回復我~
查看2條回復

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1228731    人
  • 解答問題       19080    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

span標簽包含在p標簽中,但是span標簽中顏色變化不會受p標簽決定?求大神詳解

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

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

幫助反饋 APP下載

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

公眾號

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