課程
/前端開(kāi)發(fā)
/JavaScript
/信息排列效果
定義類(lèi)“a-img small”,上面寫(xiě)樣式的時(shí)候可以直接.small了嗎?額、。。
2014-12-23
源自:信息排列效果 2-3
正在回答
看看兩者的區(qū)別:
一、使用.a-img .small
<html> <head> ??<style?type="text/css"> ??.a-img?.small{ ??????color:#F00; ??????} ??</style> </head> <body> ??<p?class="small">123</p> ??<p?class="a-img"> ?????<a?class="small">hello</a> ??</p> </body> </html>
結(jié)果:
123 hello(顏色為紅色)
二、使用.small
<html> <head> ??<style?type="text/css"> ??.small{ ??????color:#F00; ??????} ??</style> </head> <body> ??<p?class="small">123</p> ??<p?class="a-img"> ?????<a?class="small">hello</a> ??</p> </body> </html>
123?(顏色為紅色) hello(顏色為紅色)
三、總結(jié)
如是.small引用了small的所有內(nèi)容都會(huì)發(fā)生樣式變化
如是.a-img .small說(shuō)明在引用a-img的標(biāo)簽下引用small的內(nèi)容發(fā)生樣式變化。
1只特立獨(dú)行的蟹 提問(wèn)者
舉報(bào)
大咖教您節(jié)約網(wǎng)頁(yè)空間的方法,快速學(xué)會(huì)信息排列效果的制作
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2014-12-24
看看兩者的區(qū)別:
一、使用.a-img .small
結(jié)果:
二、使用.small
結(jié)果:
三、總結(jié)
如是.small引用了small的所有內(nèi)容都會(huì)發(fā)生樣式變化
如是.a-img .small說(shuō)明在引用a-img的標(biāo)簽下引用small的內(nèi)容發(fā)生樣式變化。