課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
.first,#second span{color:green;}中的,#second span怎么理解?謝謝!
2018-01-29
源自:初識HTML(5)+CSS(3)-升級版 8-10
正在回答
.first,#second span{color:green;}
是.first(類選擇器)和#second span(后代選擇器)的組合,而#second span中的#second首先是一個id選擇器,然后加上空格 span后才成為后代選擇器,所以#second span 可以理解為,使用了id="second"的標(biāo)簽下的所有的<span>標(biāo)簽均具備該后代選擇器的屬性,例如:
#second span
????{
????color:green;
????}
<p id="second">文本1<span>文本2</span>文本3<span>文本4</span>文本5</p>
即<p>標(biāo)簽下的所有<span>標(biāo)簽均為green。
我是這么理解的,你可以再看看HTML/CSS 基礎(chǔ)課程 8-7 包含(后代)選擇器的內(nèi)容,希望對你有幫助。
啊_菜菜 提問者
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
5 回答分組選擇器
1 回答分組選擇器
2 回答分組選擇器設(shè)置偽類選擇符
3 回答CSS分組選擇器的問題
3 回答分組選擇器修改方法
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)微信公眾號
2018-01-29
.first,#second span{color:green;}
是.first(類選擇器)和#second span(后代選擇器)的組合,而#second span中的#second首先是一個id選擇器,然后加上空格 span后才成為后代選擇器,所以#second span 可以理解為,使用了id="second"的標(biāo)簽下的所有的<span>標(biāo)簽均具備該后代選擇器的屬性,例如:
#second span
????{
????color:green;
????}
<p id="second">文本1<span>文本2</span>文本3<span>文本4</span>文本5</p>
即<p>標(biāo)簽下的所有<span>標(biāo)簽均為green。
我是這么理解的,你可以再看看HTML/CSS 基礎(chǔ)課程 8-7 包含(后代)選擇器的內(nèi)容,希望對你有幫助。