css選中第一個(gè)子元素 如何用css選擇器選擇某元素下的最后一個(gè)子元素?
如何用css選擇器選擇某元素下的最后一個(gè)子元素?CSS中沒(méi)有最后一個(gè)子元素的選擇器,但是有第一個(gè)子元素(:first child)。如果可以確認(rèn)span后面只有這個(gè)a標(biāo)記,那么可以使用相鄰的同級(jí)選擇器
如何用css選擇器選擇某元素下的最后一個(gè)子元素?
CSS中沒(méi)有最后一個(gè)子元素的選擇器,但是有第一個(gè)子元素(:first child)。如果可以確認(rèn)span后面只有這個(gè)a標(biāo)記,那么可以使用相鄰的同級(jí)選擇器(spana{…})。兼容性需要測(cè)試,你從來(lái)沒(méi)有這樣使用過(guò)。
有關(guān)詳細(xì)信息,請(qǐng)參閱w3school的CSS selector簡(jiǎn)介http://www.w3school.com.cn/css/css選擇器u相鄰u同級(jí).asp
CSS選擇器first-child,當(dāng)元素為第二個(gè)的時(shí)候,怎么處理?
. content[data role=page]:n子級(jí)(2){}當(dāng)使用:first child偽類(lèi)時(shí),確保前面沒(méi)有兄弟節(jié)點(diǎn),這樣前面就有一個(gè)內(nèi)容,這樣它就無(wú)效了
1
2
3
您在這里刪除并添加span,然后看效果