課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
p span{color:purple;}的權值不是2嗎,.first{color:green;}/*因為權值高顯示為綠色*/的權值是10,為什么最后顯示的不是綠色是紫色
2016-08-04
源自:初識HTML(5)+CSS(3)-升級版 9-3
正在回答
第一段里面的span有兩個樣式作用在它上面,第一個是繼承的.first{color:green;},權值為0.1,第二個是p span{color:purple;},權值為2,所以最后是紫色。
啊 忽然發現我弄錯了顏色? 說錯了。。。。不好意思
p span是包含(后代)選擇器,只對后代元素有作用,即這里span。對后代元素<span></span>外的內容并無作用,所以顯示了綠色。同時正是因為.first的權值大于p span,所以在<span></span>內類選擇器覆蓋了包含選擇器,顯示了紫色。
因為.first中的span為繼承形式 權重只有0.1 ?所以span為紫色
span是在p標簽內部的,越靠內部特權越多
優先級問題:內聯樣式表的樣式>內部樣式>外部樣式,span標簽屬于內聯樣式。
權限值應該指的是同一級標簽優先級吧,span是不是下一級標簽的樣式?
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
2 回答css樣式權值
4 回答CSS樣式權值問題
6 回答CSS樣式中權限值的計算
2 回答css 權值
3 回答CSS權值
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-09-02
第一段里面的span有兩個樣式作用在它上面,第一個是繼承的.first{color:green;},權值為0.1,第二個是p span{color:purple;},權值為2,所以最后是紫色。
2016-08-10
啊 忽然發現我弄錯了顏色? 說錯了。。。。不好意思
2016-08-10
p span是包含(后代)選擇器,只對后代元素有作用,即這里span。對后代元素<span></span>外的內容并無作用,所以顯示了綠色。同時正是因為.first的權值大于p span,所以在<span></span>內類選擇器覆蓋了包含選擇器,顯示了紫色。
2016-08-04
因為.first中的span為繼承形式 權重只有0.1 ?所以span為紫色
2016-08-04
span是在p標簽內部的,越靠內部特權越多
2016-08-04
優先級問題:內聯樣式表的樣式>內部樣式>外部樣式,span標簽屬于內聯樣式。
2016-08-04
權限值應該指的是同一級標簽優先級吧,span是不是下一級標簽的樣式?