課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
為什么要用p span{font-weight:bold;},好像用span{font-weight:bold;}效果也一樣
2016-03-30
源自:初識HTML(5)+CSS(3)-升級版 10-3
正在回答
這兩張圖一對比就看出效果了
kamo2 提問者
簡單來說 就是作用的范圍有所不同,這樣你就好理解了。
p span{font-weight:bold;}
這樣是針對p元素下的所有子元素span設(shè)置樣式 fon-weight :bold;
span{font-weight:bold;}
這樣是針對整個文檔所有span元素設(shè)置樣式 fon-weight :bold;
按第一種設(shè)置的好處是不會造成樣式污染,比如有其他元素包含span時,我們可以單獨為其設(shè)置樣式
效果當(dāng)然是一樣的,不過 p span?? 是p標(biāo)簽內(nèi)的所有span標(biāo)簽都運用這個樣式,而span是所有的span標(biāo)簽運用該樣式
整體效果不一樣
不造。。。
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答p span{font-weight:bold;}與.first span{font-weight:bold;}
1 回答好像用.stress{font-weight:bold;}和p span{font-weight:bold;}是一樣的,對嗎?
3 回答為社么是p span{font-weight:bold;}而不是 span{font-weight:bold;}
2 回答p span{font-weight:bold;}
5 回答p span{font-weight:bold;}換成 .stress{font-weight:bold;} 也可以嗎
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-03-30
這兩張圖一對比就看出效果了
2016-04-15
簡單來說 就是作用的范圍有所不同,這樣你就好理解了。
2016-03-30
p span{font-weight:bold;}
這樣是針對p元素下的所有子元素span設(shè)置樣式 fon-weight :bold;
span{font-weight:bold;}
這樣是針對整個文檔所有span元素設(shè)置樣式 fon-weight :bold;
按第一種設(shè)置的好處是不會造成樣式污染,比如有其他元素包含span時,我們可以單獨為其設(shè)置樣式
2016-03-30
效果當(dāng)然是一樣的,不過 p span?? 是p標(biāo)簽內(nèi)的所有span標(biāo)簽都運用這個樣式,而span是所有的span標(biāo)簽運用該樣式
2016-03-30
整體效果不一樣
2016-03-30
不造。。。