Question

我想在父级内部的某些div元素下绘制bottom-border，但除了后两位，知道子元素的数量是可更改的：

<div id="parent">
   <div>
One
   </div>
   <div>
Two
   </div>
   <div>
Three
   </div>
   <div>
Four
   </div>
</div>

是否可以选择除最后两个之外的所有子元素？

Answer 1

:nth-last-child应该完成这项工作（与:not相结合）。

＆＃13;

#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;

Answer 2

在这种情况下，类似

#parent > div:not(:nth-last-of-type(-n+2)) {
  border-bottom: 1px solid red;
}

JSFiddle

如何使用CSS选择器排除最后两个子元素？

2 个答案: