課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
ul的第一個(gè)子元素不是第一個(gè)<li>么?
2015-04-28
源自:十天精通CSS3 6-6
正在回答
<ul>的第一個(gè)子節(jié)點(diǎn)(node)是#text "\n",第一個(gè)子元素(element)是<li>
ul:fisrt-child 就是說ul是不是它爸爸的第一個(gè)兒子, 是的話 就紅色,
“:first-child”選擇器表示的是選擇父元素的第一個(gè)子元素的元素E。
ul:first-child {}是選擇第一個(gè)子元素為列表ul,即把列表都給選擇了。
:前面加的是子元素。
根據(jù)要求,可以是
li:first-child {} 或者ul>li:first-child {}
當(dāng)然,我們也可以不要li,那么就是
ul >:first-child{}或者ul :first-child {}?
注:>表示子代選擇器。ul和:之間是有空格,空格表示后代選擇器。不過ul :first-child {}?這樣做有個(gè)不好的地方,雖然除了第一<li>標(biāo)簽變成了紅色其他<li>標(biāo)簽都沒變,但是根據(jù)后代選擇器,<a>標(biāo)簽也會繼承紅色。
<ul> <li><a?href="#">公告</a></li> <li><a?href="#">規(guī)則</a></li> <li><a?href="#">論壇</a></li> <li><a?href="#">安全</a></li> <li><a?href="#">公益</a></li> </ul>
默認(rèn)情況下,UL的第一個(gè)子元素是LI..但是不排除認(rèn)為在UL中添加其他元素,比如P,SPAN !
ul的第一個(gè)子元素是什么?
舉報(bào)
本課程為CSS3入門教程,深刻詳解CSS3知識讓網(wǎng)頁穿上絢麗裝備
5 回答假如ul的第一個(gè)子元素不是li,而是p,為什么就沒有效果了?
6 回答:first-child的意思是,如果 這個(gè)元素是它的父元素中的第一個(gè)子元素,那么就把它選上,是這么理解吧?
2 回答這樣為什么不是選擇最后一個(gè)子元素
2 回答第一個(gè)“|”刪不了?
1 回答這個(gè)<li>后面的偽元素是不是包含在<li>中?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2020-07-11
<ul>的第一個(gè)子節(jié)點(diǎn)(node)是#text "\n",第一個(gè)子元素(element)是<li>
2015-04-28
ul:fisrt-child 就是說ul是不是它爸爸的第一個(gè)兒子, 是的話 就紅色,
2015-04-28
“:first-child”選擇器表示的是選擇父元素的第一個(gè)子元素的元素E。
ul:first-child {}是選擇第一個(gè)子元素為列表ul,即把列表都給選擇了。
:前面加的是子元素。
根據(jù)要求,可以是
li:first-child {} 或者ul>li:first-child {}
當(dāng)然,我們也可以不要li,那么就是
ul >:first-child{}或者ul :first-child {}?
注:>表示子代選擇器。ul和:之間是有空格,空格表示后代選擇器。不過ul :first-child {}?這樣做有個(gè)不好的地方,雖然除了第一<li>標(biāo)簽變成了紅色其他<li>標(biāo)簽都沒變,但是根據(jù)后代選擇器,<a>標(biāo)簽也會繼承紅色。
2015-04-28
默認(rèn)情況下,UL的第一個(gè)子元素是LI..但是不排除認(rèn)為在UL中添加其他元素,比如P,SPAN !
2015-04-28
ul的第一個(gè)子元素是什么?