課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
特殊性的運(yùn)用
2016-10-25
源自:初識HTML(5)+CSS(3)-升級版 9-3
正在回答
你可以去看8-6和8-7子選擇器和后代選擇器。不過這個我感覺只是對邊框border屬性有區(qū)別。在這里是一樣的,顏色都會改變。
舉個例子<p>我在<span><span>慕客網(wǎng)</span>學(xué)習(xí)前端</span></p>
無論是第一種還是第二種,“慕客網(wǎng)學(xué)習(xí)前端”都會變紫。
但如果你css設(shè)置的是border就會有不同效果。
你可以試試。
前者是p標(biāo)簽下面所有的span標(biāo)簽顏色設(shè)為紫色;后者>是作用于第一代p標(biāo)簽下的span標(biāo)簽顏色設(shè)為紫色
1.這里涉及到繼承,如果單從顏色考慮,兩種情況中,<p>下的<span>都為紫色(其實(shí)就是p里的都為紫色)。
2.如果兩個同時出現(xiàn),由于權(quán)值相同,最下邊的生效(下面是什么顏色就是什么顏色)。
3.兩者區(qū)別:(顏色是分不出的,此處以border邊框舉例,<p><span>超酷<span>的互<span>聯(lián)網(wǎng)</span</>)
(1)? ?<p>內(nèi)所有的span都帶邊框
(2)????<p>內(nèi)只有第一層span帶邊框,注意:<p>內(nèi)可以有好多第一層span,比如:
<p>????<span>第一層</span>???? <span>同為第一層</span>????</p>
就是SPAN的文字變成紫色
前者是p標(biāo)簽下面所有的span標(biāo)簽顏色設(shè)為紫色;后者是p標(biāo)簽下面一級span標(biāo)簽(只有兒子)顏色設(shè)為紫色
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
2 回答p>span{color:purple;}什么意思
1 回答p span{color:purple;}
4 回答p>span{color:purple;}
4 回答P>span{color:purple;}
3 回答p .first span{color:purple; }
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-10-25
你可以去看8-6和8-7子選擇器和后代選擇器。不過這個我感覺只是對邊框border屬性有區(qū)別。在這里是一樣的,顏色都會改變。
舉個例子<p>我在<span><span>慕客網(wǎng)</span>學(xué)習(xí)前端</span></p>
無論是第一種還是第二種,“慕客網(wǎng)學(xué)習(xí)前端”都會變紫。
但如果你css設(shè)置的是border就會有不同效果。
你可以試試。
2016-10-25
前者是p標(biāo)簽下面所有的span標(biāo)簽顏色設(shè)為紫色;后者>是作用于第一代p標(biāo)簽下的span標(biāo)簽顏色設(shè)為紫色
2016-10-25
1.這里涉及到繼承,如果單從顏色考慮,兩種情況中,<p>下的<span>都為紫色(其實(shí)就是p里的都為紫色)。
2.如果兩個同時出現(xiàn),由于權(quán)值相同,最下邊的生效(下面是什么顏色就是什么顏色)。
3.兩者區(qū)別:(顏色是分不出的,此處以border邊框舉例,<p><span>超酷<span>的互<span>聯(lián)網(wǎng)</span</>)
(1)
? ?<p>內(nèi)所有的span都帶邊框
(2)
????<p>內(nèi)只有第一層span帶邊框,注意:<p>內(nèi)可以有好多第一層span,比如:
<p>????<span>第一層</span>???? <span>同為第一層</span>????</p>
2016-10-25
就是SPAN的文字變成紫色
2016-10-25
前者是p標(biāo)簽下面所有的span標(biāo)簽顏色設(shè)為紫色;后者是p標(biāo)簽下面一級span標(biāo)簽(只有兒子)顏色設(shè)為紫色