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

p span{color:purple;},#second{color:yellow;}，結果second中的span顯示紫色，可是p span的權值只有2，為什么會覆蓋權值為100的#second

<p id="second">勇氣<span>老師提出了</span>是什么</p>

qq_午夜游民_0

2015-12-10

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

關注問題我要回答

1294

操作

收起

4 回答

慕課君回答被采納 +3 積分
2015-12-10

你好，你的second匹配的是P這個標簽，而你p span匹配了span以及子元素標簽，所以會顯示不同。在一個我們所說的權值對比是匹配同一標簽時，你所用到的不同匹配方式，哪一個有優先級。你這個標簽都不同，自然優先級是直接作用在span上面的啦，就是直接把父級的效果給覆蓋掉了。

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

收起回答

qq_午夜游民_0 提問者

所以p 和 #second 只是兩種形式，但是取得時候是一樣的？

2015-12-10 回復有任何疑惑可以回復我~

qq_午夜游民_0 提問者

非常感謝！

2015-12-10 回復有任何疑惑可以回復我~

echo_kinchao
2015-12-10

權值越高就是哪一個樣式

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

收起回答

mosci
2015-12-10

你好，#second是匹配到了p這個標簽上，是和.first和p比較的，權值高的就使用哪種css樣式

而p span和?span是匹配到span標簽上，p span權值高所以顯紫色

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

收起回答

qq_午夜游民_0 提問者

就是說p span的權值是2，但是#second因為是和p span比較，權值就變成了1？

2015-12-10 回復有任何疑惑可以回復我~

慕萊塢9220042
2015-12-10

你好，權限值是越小就越優先，不是越大越優先，望樓主采納！

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

收起回答

舉報

0/150

提交

取消

初識HTML(5)+CSS(3)-升級版

參與學習 1228741 人
解答問題 19080 個

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

進入課程

本課相似問答

2 回答p #second span{color:purple;}為什么不生效而p#second span{color:purple;}可以生效

1 回答p{color:red;} .first{color:green;}/*因為權值高顯示為綠色*/ span{color:pink;}/*設置為粉色*/ p span{color:purple;} #second{color:blue;}

2 回答#second .first span{color:purple;}為什么膽小如鼠沒有變紫色，權值100+10+1

2 回答p>span{color:purple;}的權值

4 回答p>span{color:purple}的權值小于span{color:purple}嗎？為什么??？

搜索更多本課相關問答

p span{color:purple;},#second{color:yellow;}，結果second中的span顯示紫色，可是p span的權值只有2，為什么會覆蓋權值為100的#second

我要回答關注問題

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

熱搜

最近搜索清空

p span{color:purple;},#second{color:yellow;}，結果second中的span顯示紫色，可是p span的權值只有2，為什么會覆蓋權值為100的#second

4 回答

本課相似問答

p span{color:purple;},#second{color:yellow;}，結果second中的span顯示紫色，可是p span的權值只有2，為什么會覆蓋權值為100的#second

p span{color:purple;},#second{color:yellow;}，結果second中的span顯示紫色，可是p span的權值只有2，為什么會覆蓋權值為100的#second

p span{color:purple;},#second{color:yellow;}，結果second中的span顯示紫色，可是p span的權值只有2，為什么會覆蓋權值為100的#second