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

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

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

鹿棉3401080

2016-05-24

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

關(guān)注問題我要回答

1211

操作

收起

4 回答

六小弦
2016-06-10

嚴(yán)格點(diǎn)說，通配選擇器特殊性為0，而繼承的特殊性是“無”。0是大于無的。

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

看了一下你上面回復(fù)里寫的。

首先span是針對(duì)膽小如鼠這四個(gè)字的。特殊性是1

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

通配上門說了是0

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

所以針對(duì)膽小如鼠這四個(gè)字這里span>*>first>p

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

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

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

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

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

鹿棉3401080 提問者

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

2016-05-24 回復(fù) 有任何疑惑可以回復(fù)我~

#2

sgbb88 回復(fù) 鹿棉3401080 提問者

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

2016-05-28 回復(fù) 有任何疑惑可以回復(fù)我~

#3

六小弦回復(fù) 鹿棉3401080 提問者

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

2016-06-10 回復(fù) 有任何疑惑可以回復(fù)我~

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

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

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

鹿棉3401080 提問者

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

2016-05-24 回復(fù) 有任何疑惑可以回復(fù)我~

#2

鹿棉3401080 提問者

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

2016-05-24 回復(fù) 有任何疑惑可以回復(fù)我~