課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
p span{color:red;}
p>span{color:blue;}后臺顏色顯示blue 它的權值比.first{color:green;}還大?
2015-10-18
源自:初識HTML(5)+CSS(3)-升級版 9-3
正在回答
這里的span元素并沒有引用first類,first類到這里已經是繼承了,繼承權值很低的。
至于p span{}和p>span{}權值是一樣大的,都是1+1。
為什么最后執行的的blue。是因為權值相同的話后面的樣式會覆蓋前面的樣式。把p span{}和p>span{}調換下位置你就知道了。
互學習 提問者
Perona 回復 互學習 提問者
行內樣式最高 這些百度都有的看的 ?你這個只是后面的覆蓋前面的而已
當css樣式出現重復的時候,后面的樣式會覆蓋掉前面的樣式,因為對瀏覽器來說解析代碼是從上往下解析的,解析到下面的時候自然而然的就把之前剛解析的給干掉了。唯一的區別就是第一種寫法是css1里面的寫法,第二種是css2的寫法,二者作用等同,均表示給P標簽里面的所有span標簽加樣式
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
1 回答p{color:red;} .first{color:green;}/*因為權值高顯示為綠色*/ span{color:pink;}/*設置為粉色*/ p span{color:purple;} #second{color:blue;}
3 回答p span{color:purple;} p>span{color:blue;} 他們權值相同,那是不是顯示的顏色是就近原則?
2 回答p>span{color:purple;}的權值
1 回答子選擇器的權值怎么算p>span,也是10+1嗎
1 回答p>span權值是多少
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-10-18
這里的span元素并沒有引用first類,first類到這里已經是繼承了,繼承權值很低的。
至于p span{}和p>span{}權值是一樣大的,都是1+1。
為什么最后執行的的blue。是因為權值相同的話后面的樣式會覆蓋前面的樣式。把p span{}和p>span{}調換下位置你就知道了。
2015-10-19
行內樣式最高 這些百度都有的看的 ?你這個只是后面的覆蓋前面的而已
2015-10-18
當css樣式出現重復的時候,后面的樣式會覆蓋掉前面的樣式,因為對瀏覽器來說解析代碼是從上往下解析的,解析到下面的時候自然而然的就把之前剛解析的給干掉了。唯一的區別就是第一種寫法是css1里面的寫法,第二種是css2的寫法,二者作用等同,均表示給P標簽里面的所有span標簽加樣式