如何使用CSS選擇器排除最後兩個子元素？

Question

我想畫下他們的父母，但裏面除了最後兩部分div元素bottom-border，知道子元素的這個數字是多變：

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

是否可以選擇除最後兩所有子元素？

Answer 1

在這種情況下，像

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

JSFiddle

Answer 2

:nth-last-child應該做的工作（與:not相結合）。

#parent >:not(:nth-last-child(-n+2)) { 
 
    border-bottom: solid black 1px; 
 
}

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