Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使用CSS选择器排除最后两个子元素?_Html_Css - Fatal编程技术网

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

Html 如何使用CSS选择器排除最后两个子元素?,html,css,Html,Css,我想在父元素中的一些div元素下绘制下边框,但后两个除外,因为知道子元素的数量是可变的: <div id="parent"> <div> One </div> <div> Two </div> <div> Three </div> <div> Four </div> </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;
}

一个
两个
三
四
五
六
七