Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.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 获取最后一个孩子(如果是偶数)和上一个兄弟姐妹_Html_Css_Sass_Css Selectors - Fatal编程技术网

Html 获取最后一个孩子(如果是偶数)和上一个兄弟姐妹

Html 获取最后一个孩子(如果是偶数)和上一个兄弟姐妹,html,css,sass,css-selectors,Html,Css,Sass,Css Selectors,我有这样的结构: <div class="as-twl-list-main"> <div class="as-twl-list-item"> </div> <div class="as-twl-list-item"> </div> <div class="as-twl-list-item"> </div> </div> 我想做的是得到最后一个孩子

我有这样的结构:

<div class="as-twl-list-main">
    <div class="as-twl-list-item">

    </div>
    <div class="as-twl-list-item">

    </div>
    <div class="as-twl-list-item">

    </div>
</div>
我想做的是得到最后一个孩子(如果有的话)和上一个兄弟姐妹。 有办法吗

谢谢大家!

要获得最后一个孩子,甚至是最后一个孩子,请使用以下命令:

.as-twl-list-item:last-child:nth-child(even) {
  border-bottom-color: transparent;
}
在使用元素之前获取元素:

请参见下面的演示:

。作为twl列表项{
边框底部:1px实心#ddd;
}
.as twl列表项:最后一个子项:第n个子项(偶数){
边框底色:透明;
}
.作为twl列表项:第n个最后的子项(2):第n个子项(奇数){
边框底色:透明;
}
最后一个子级偶数:
1.
2.
3.
4.

最后一个孩子奇数: 1. 2. 3.
@ZeevKatz让我知道你对此的想法,谢谢!令人惊叹的!这样做很完美:如果你能检查我的小提琴,也许你有更好的解决方案,谢谢!
.as-twl-list-item:last-child:nth-child(even) {
  border-bottom-color: transparent;
}
.as-twl-list-item:nth-last-child(2):nth-child(odd) {
  border-bottom-color: transparent;
}