課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
不懂啊?。?!什么是第一子代元素什么是所有子后代元素?。。。?/p>
有沒有哪位大佬能給一段代碼簡單明了的說一下?。。。?!
課程里的話好官方 看不懂啊啊 啊
2017-02-28
源自:初識HTML(5)+CSS(3)-升級版 8-7
正在回答
<div id="v1">
????<p id=''p1"></p>
????<p id=''p2">
????????<span id='pan1'><span>
????????<span id='pan2'><span>
????</p>
</div>
v1的第一代子元素是p1,p2
v1的所有子后代元素是p1,p2,pan1,pan2
同理:
p2的第一代子元素是pan1,pan2
妙蛙不開花 提問者
第一代子元素相當(dāng)于爺爺?shù)膬鹤樱凶雍蟠叵喈?dāng)于爺爺?shù)膬鹤雍蛯O子們。
舉個例子:
<p> ????p是爺爺 ????<ol> ????????ol是第一代子元素 ????????<li> ????????????后代 ????????????<ul> ????????????后代 ????????????????<li>1111</li> ????????????????<li>2222</li> ????????????</ul> ????????</li> ????????<li> ????????????后代 ????????????<ul> ????????????后代 ????????????????<li>1111</li> ????????????????<li>2222</li> ????????????</ul> ????????</li> ????</ol> </p>
.b>span{color:red;} ?<b>123<span>456<span>789</span></span> </b>第一代后代選擇器,只有456會選中變紅
.b span{color:red;} <b>123<span>456<span>789</span></span> </b> 所有子后代選擇器,456789會選中變紅
第一代子元素可以理解成它的孩子,而后代所有的子元素可以理解成它的所有后代,孩子,孫子等等。比如<p>標(biāo)簽中可能還嵌套的有<p>標(biāo)簽,選擇的肯定不同哈
比如:爸爸是爺爺?shù)牡谝蛔哟?,我以及我的后輩是爺爺?shù)淖雍蟠?dāng)然也包括爸爸在內(nèi)。
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
3 回答關(guān)于子選擇器和后代選擇器
3 回答子選擇器與后代選擇器
5 回答子選擇器與后代選擇器
1 回答子選擇器和后代選擇器的使用
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)微信公眾號
2017-02-28
<div id="v1">
????<p id=''p1"></p>
????<p id=''p2">
????????<span id='pan1'><span>
????????<span id='pan2'><span>
????</p>
</div>
v1的第一代子元素是p1,p2
v1的所有子后代元素是p1,p2,pan1,pan2
同理:
p2的第一代子元素是pan1,pan2
2017-02-28
第一代子元素相當(dāng)于爺爺?shù)膬鹤樱凶雍蟠叵喈?dāng)于爺爺?shù)膬鹤雍蛯O子們。
舉個例子:
2017-02-28
.b>span{color:red;} ?<b>123<span>456<span>789</span></span> </b>第一代后代選擇器,只有456會選中變紅
.b span{color:red;} <b>123<span>456<span>789</span></span> </b> 所有子后代選擇器,456789會選中變紅
2017-02-28
第一代子元素可以理解成它的孩子,而后代所有的子元素可以理解成它的所有后代,孩子,孫子等等。比如<p>標(biāo)簽中可能還嵌套的有<p>標(biāo)簽,選擇的肯定不同哈
2017-02-28
比如:爸爸是爺爺?shù)牡谝蛔哟?,我以及我的后輩是爺爺?shù)淖雍蟠?dāng)然也包括爸爸在內(nèi)。