                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

既然span是繼承權限最低，為何不跟隨p的red屬性

初始代碼中，把 span{color:pink;}/*設置為粉色*/刪掉，“膽小如鼠”四個字是綠色，如果按照樓下親的說法，繼承是最小的權重。那這里span里的膽小如鼠應該是跟著p{color:red;}變成紅色才對。但是把p{color:red}中的P換成*，變成通用選擇器 ?*{color:red} 后，膽小如鼠四個字變成紅色。所以這里的意思是 ?*通用選擇器的權重>span的繼承>p的標簽權重嗎？求解惑惑惑惑惑惑惑惑惑惑惑惑惑——

鹿棉3401080

2016-05-24

源自：初識HTML(5)+CSS(3)-升級版 9-3

關注問題我要回答

1191

操作

收起

4 回答

六小弦
2016-06-10

嚴格點說，通配選擇器特殊性為0，而繼承的特殊性是“無”。0是大于無的。

span{color:pink;}
p{color:red;}
*{color:purple;}
.first{color:green;}

看了一下你上面回復里寫的。

首先span是針對膽小如鼠這四個字的。特殊性是1

p是針對所有段落的，一個元素選擇器，所以特殊性為1。但對膽小如鼠四個字來說，是繼承來的，所以是無

通配上門說了是0

.first是類選擇器，特殊性是10。但對膽小如鼠四個字來說，也是繼承來的，所以是無

所以針對膽小如鼠這四個字這里span>*>first>p

而p span是兩個元素的元素選擇器，它與span一樣針對膽小如鼠四個字,特殊性兩個相加是2.所以大于span.

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

收起回答

高逗包的何大頭
2016-05-24

span和p在CSS框架里都屬于標簽，而標簽的權重都是1，所以選擇的是靠后的span來顯示；如果有span{color:某個顏色;}，則這里的span就不再當做p的繼承來顯示了，所以span里的膽小如鼠應該還是是跟著他自己的顏色。但選擇器的權重還是死最大的，繼承仍然是最小的

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

收起回答

#1

鹿棉3401080 提問者

p{color:red;} .first{color:green;}/*因為權值高顯示為綠色*/ </style> </head> <body> <h1>勇氣</h1> <p class="first">三年級時，我還是一個<span>膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p> …… 這個代碼里，SPAN到底是繼承的fist還是繼承的p,為什么會顯示綠色。

2016-05-24 回復有任何疑惑可以回復我~

#2

sgbb88 回復鹿棉3401080 提問者

p的權值為1，。fist的權值為10，瀏覽器是根據(jù)權值來判斷使用哪種css樣式的，權值高的就使用哪種css樣式，所以顯示綠色，還有span繼承的是p的，代碼上p有兩個css樣式，.first的權值高，所以就顯示為綠色本人初學者，這只是我自己的理解

2016-05-28 回復有任何疑惑可以回復我~

#3

六小弦回復鹿棉3401080 提問者

兩個都繼承了，而且繼承了以后特殊性都是“無”。但first寫在下面一些，重要性比p高，所以first生效

2016-06-10 回復有任何疑惑可以回復我~

qq_我愛邇丶不是說說而已_03384181
2016-05-24

你設置三個標簽的css樣式 span｛color：blue；｝ p｛color：red；｝＊｛color：green｝然后你看看效果一看你就知道了span是藍色說明? span權值>p p便簽的文字是紅說明? p>＊所以? span>p>*，簡單的來說他還是按照就近原則。

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

收起回答

#1

鹿棉3401080 提問者

我寫了： span{color:pink;}/*設置為粉色*/ p{color:red;} *{color:purple;} .first{color:green;}/*因為權值高顯示為綠色*/ 結果發(fā)現(xiàn) span>first>p>*，span權重不是1嗎？怎么會大于類的10？這課真是繞不懂。

2016-05-24 回復有任何疑惑可以回復我~

#2

鹿棉3401080 提問者

span{color:pink;} p{color:red;} *{color:purple;} .first{color:green;} 糾錯一下上面的，我把詮釋刪掉了，上面這串寫完，看最后的顯示樣式就是： span>first>p>*，于是，課程讓我們最后添加 p span{color:purple;},這里的權重變成：p span>span>first>p>*？我感覺這課我是搞不懂了，聽人說權重也沒什么大問題。

2016-05-24 回復有任何疑惑可以回復我~