我想在父级内部的某些div元素下绘制bottom-border
,但除了后两位,知道子元素的数量是可更改的:
<div id="parent">
<div>
One
</div>
<div>
Two
</div>
<div>
Three
</div>
<div>
Four
</div>
</div>
是否可以选择除最后两个之外的所有子元素?
答案 0 :(得分:5)
:nth-last-child
应该完成这项工作(与:not
相结合)。
#parent >:not(:nth-last-child(-n+2)) {
border-bottom: solid black 1px;
}
&#13;
<div id="parent">
<div>
One
</div>
<div>
Two
</div>
<div>
Three
</div>
<div>
Four
</div>
<div>
Five
</div>
<div>
Six
</div>
<div>
Seven
</div>
</div>
&#13;
答案 1 :(得分:4)