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

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

請問一下:為什么膽小如鼠還是紅色,h1,span{color:red;} 和first,#second span{color:green;}哪個的級別優先,還是???謝謝了

<!DOCTYPE HTML>

<html>

<head>

<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>

? ? <img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg" >

</body>

</html>


正在回答

7 回答

這是因為權值才會這樣的,上面的代碼可以改為h1{color :red;}

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? span{color :red;}

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? .first{color:green;}

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? #second{ color:green;}

.first的權值為10,但對于它<span>膽小如鼠</span>這個<span>標簽來說,<span>標簽繼承了.first,繼承的權值最低為0.1。 span{ color :red;}的權值為1。權值1>0.1,所以優先執行span{}語句,所以膽小如鼠為紅的。

詳情見9-2的特殊性


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

慕容1519046 提問者

非常感謝!
2017-03-05 回復 有任何疑惑可以回復我~
#2

FaithSTJ

原來還有特殊性沒學,感謝!
2017-03-06 回復 有任何疑惑可以回復我~

我看,老師挺有才!與php100有的一拼。CSS

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

《CSS權威指南》第三版里面有特別提到這個問題

這里涉及到繼承的特殊性問題,如果使用.first,#second span{color:green;},<span>的聲明一共有兩條,一條繼承來自.first,字體顏色應該為綠色,但是繼承的特殊性為0;第二條來自<span>{color:red;},特殊性為1。第二條的特殊性大于第一條,所以顯示為紅色

http://img1.sycdn.imooc.com//58d5030b0001aaa607690106.jpg

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

h1,span{color:red;}

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

第二段代碼應當是并列關系,只是將second下面的span和first同時被定義成了綠色,而first下面的span并沒有被定義,所以優先采用了第一段代碼顯示紅色。

如果改成.first span,#second span{color:green;}的話膽小如鼠就變綠色了,但整段代碼仍舊是黑色不變,因為只指定了first下的span,而沒有指定整個first。


我是這樣理解的,不知道對不對。

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

兩個同為分組選擇器,優先級別應該是同等的,只是修飾的內容不同,元素不一樣。

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

同問此問題

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

達到目的就行,什么優先級。。。

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

慕容1519046 提問者

我的意思是第二次已經給P的內容定義為其他顏色了,為什么span里面還是顯示藍色
2017-02-25 回復 有任何疑惑可以回復我~
#2

慕容1519046 提問者

說錯,紅色
2017-02-25 回復 有任何疑惑可以回復我~
#3

FaithSTJ 回復 慕容1519046 提問者

我也有這個疑問來著,問得好
2017-03-06 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

請問一下:為什么膽小如鼠還是紅色,h1,span{color:red;} 和first,#second span{color:green;}哪個的級別優先,還是???謝謝了

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

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

幫助反饋 APP下載

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

公眾號

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