課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
.first的權值在這個例子里不是最大的嗎?按道理不是整段話都是綠色的嗎?為什么給span設置樣式卻能把.first的樣式改變了?
2017-07-14
源自:初識HTML(5)+CSS(3)-升級版 9-3
正在回答
p>span的權級更高
qq__1193 提問者
所以我覺得,樣式權值的大小應該這樣判斷,分兩步:1,分析那個樣式最靠近需要修改的元素,越靠近的權值越大。比如說一個.first樣式 和一個p標簽樣式,標簽樣式最靠近需要修改的p元素。所以標簽樣式權值最大,哪怕.first的權值為10. ?2,確定誰最靠近后,再進行該樣式的權值總和的計算。比如說,.first p 這個樣式,和p標簽樣式對比,兩個都有p最靠近,然后進行加和,.first p的權值和為10+1=11,而p只有1,所以11>1,所以.first p的權值比p的權值大。
那既然first的權值是10,span的權值是0.1,那么里面的內容不應該應用first的樣式嗎?
所以我覺得這個東西要解釋得這樣解釋,樣式名的范圍越小權值越大,就跟內聯樣式的權值大于內部樣式的權值一樣。所以我覺得,因為span它的樣式范圍比first小,所以他的權值比first的大,這樣解釋才淺顯易懂。
span是first的子元素,給span的綠色權值來自于繼承,只有0.1左右; 給span設置樣式,如果是標簽設置,權重在1,所以可以修改啊。
first的設置只用于first,span是其子元素,只能繼承first的設置,而繼承的權值只有0.1
中對于同一個元素可以有多個css樣式存在并且這多個css樣式具有相同權重值層疊就是在html文件中對于同一個元素可以有多個css樣式存在,當有相同權重的樣式存在時,會根據這些css樣式的前后順序來決定,處于最后面的css樣式會被應用。
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
1 回答.first span{color:purple;}不是權值最大的么?
3 回答.first,#second span{color:green;} 這是first包含的全部為綠色 我知道 ,但是second為啥就是span里的簡單變色了 而第一段里的span的膽小如鼠就不變色????????不懂
5 回答span的權值只有1,低于.first,為什么“膽小如鼠”是span的顏色,不是.first的顏色
4 回答第二段<span class="first">“簡單”是為藍色的,設置了p.first后,不是所有的的class=first都應該為綠色嗎?<span>也在第二個<p>里面,里面的first不也是屬于<p>下的,"簡單"不應該是綠色嗎?繼承嗎?
2 回答.first不是大于p span,為什么還是紫色的????
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-07-14
p>span的權級更高
2017-07-14
所以我覺得,樣式權值的大小應該這樣判斷,分兩步:1,分析那個樣式最靠近需要修改的元素,越靠近的權值越大。比如說一個.first樣式 和一個p標簽樣式,標簽樣式最靠近需要修改的p元素。所以標簽樣式權值最大,哪怕.first的權值為10. ?2,確定誰最靠近后,再進行該樣式的權值總和的計算。比如說,.first p 這個樣式,和p標簽樣式對比,兩個都有p最靠近,然后進行加和,.first p的權值和為10+1=11,而p只有1,所以11>1,所以.first p的權值比p的權值大。
2017-07-14
那既然first的權值是10,span的權值是0.1,那么里面的內容不應該應用first的樣式嗎?
所以我覺得這個東西要解釋得這樣解釋,樣式名的范圍越小權值越大,就跟內聯樣式的權值大于內部樣式的權值一樣。所以我覺得,因為span它的樣式范圍比first小,所以他的權值比first的大,這樣解釋才淺顯易懂。
2017-07-14
span是first的子元素,給span的綠色權值來自于繼承,只有0.1左右; 給span設置樣式,如果是標簽設置,權重在1,所以可以修改啊。
first的設置只用于first,span是其子元素,只能繼承first的設置,而繼承的權值只有0.1
2017-07-14
中對于同一個元素可以有多個css樣式存在并且這多個css樣式具有相同權重值層疊就是在html文件中對于同一個元素可以有多個css樣式存在,當有相同權重的樣式存在時,會根據這些css樣式的前后順序來決定,處于最后面的css樣式會被應用。