Html 如何使用CSS选择器排除最后两个子元素?
我想在父元素中的一些div元素下绘制Html 如何使用CSS选择器排除最后两个子元素?,html,css,Html,Css,我想在父元素中的一些div元素下绘制下边框,但后两个除外,因为知道子元素的数量是可变的: <div id="parent"> <div> One </div> <div> Two </div> <div> Three </div> <div> Four </div> </div> 一个 两个 三 四 是否可以选择除最后两个之
下边框
,但后两个除外,因为知道子元素的数量是可变的:
<div id="parent">
<div>
One
</div>
<div>
Two
</div>
<div>
Three
</div>
<div>
Four
</div>
</div>
一个
两个
三
四
是否可以选择除最后两个之外的所有子元素?在本例中,类似
#parent > div:not(:nth-last-of-type(-n+2)) {
border-bottom: 1px solid red;
}
应该做这项工作(与:not
)结合使用)
#parent>:非(:n最后一个子(-n+2)){
边框底部:纯黑1px;
}
一个
两个
三
四
五
六
七