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