課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
span是標簽吧,.first是類選擇符吧,類選擇符的權值是大于標簽吧,那為什么膽小如鼠還有自己的顏色,不應該是綠色么?
2017-04-25
源自:初識HTML(5)+CSS(3)-升級版 9-3
正在回答
特性性針對同一個元素設置了不同的css樣式,而題主問的.first類選擇符針對的是p標簽,并非span標簽,因為span標簽應還是自己的樣式,假若添加代碼
span{color:pink;} ? 此權值為1
p span{color:blue}; ? p和span標簽都應用了blue樣式,但此權值為2
因此最終span樣式應為blue樣式
再假如 <span class="second">膽小如鼠<span>
span{color:pink;} ?權值為1
.second{color:blue}; ? 權值為10
最終該span標簽樣式應為blue
span 有自己的樣式了,就不會繼承first的了
因為范圍不一樣啊,范圍不一樣就近原則
span的權值低
因為span標簽并不是class類。要是這樣寫<span class=“first”>他就是綠色的;
這不是CSS的層疊特性,是繼承特性,span沒有css就會繼承.fitst的特性,現在span有css了當然用自己的
第一張圖下方有一段話,繼承的權值很低。因此<span>的權值比繼承的.first高,顯示粉色。
qq_向日葵_60
qq_向日葵_60 回復 qq_向日葵_60
輕杯過海
<span>標簽嵌套在<p>標簽里面,所以屬于繼承哦,繼承的權值是非常低的。
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
7 回答為什么“膽小如鼠”顯示不是綠色而是紫色?
7 回答為什么膽小如鼠是粉色,不是綠色權值更高嗎?
3 回答關于權值:為什么膽小如鼠不顯示綠色?
5 回答膽小如鼠為什么是粉色?
2 回答膽小如鼠為什么是紫色
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-04-25
特性性針對同一個元素設置了不同的css樣式,而題主問的.first類選擇符針對的是p標簽,并非span標簽,因為span標簽應還是自己的樣式,假若添加代碼
span{color:pink;} ? 此權值為1
p span{color:blue}; ? p和span標簽都應用了blue樣式,但此權值為2
因此最終span樣式應為blue樣式
再假如 <span class="second">膽小如鼠<span>
span{color:pink;} ?權值為1
.second{color:blue}; ? 權值為10
最終該span標簽樣式應為blue
2017-04-25
span 有自己的樣式了,就不會繼承first的了
2017-04-25
因為范圍不一樣啊,范圍不一樣就近原則
2017-04-25
span的權值低
2017-04-25
因為span標簽并不是class類。要是這樣寫<span class=“first”>他就是綠色的;
2017-04-25
這不是CSS的層疊特性,是繼承特性,span沒有css就會繼承.fitst的特性,現在span有css了當然用自己的
2017-04-25
第一張圖下方有一段話,繼承的權值很低。因此<span>的權值比繼承的.first高,顯示粉色。
2017-04-25
<span>標簽嵌套在<p>標簽里面,所以屬于繼承哦,繼承的權值是非常低的。