獲取最後一個孩子（如果它甚至）和上一個兄弟

Question

我有這樣的結構：

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

這SCSS：

.as-twl-list-item { 
    border-bottom: 1px solid $as-twl-line-c; 

    &:last-child:nth-child(even):nth-child(-1) { 
     border-bottom-color: transparent; 
    } 
} 

我試圖做的是讓最後一個孩子（如果它甚至）和prev兄弟姐妹。 有辦法做到這一點？

謝謝！

Answer 1

用於獲取最後一個子這是甚至使用本：

.as-twl-list-item:last-child:nth-child(even) { 
    border-bottom-color: transparent; 
} 

和獲取元素之前用它nth-last-child：

.as-twl-list-item:nth-last-child(2):nth-child(odd) { 
    border-bottom-color: transparent; 
} 

觀看演示如下：

.as-twl-list-item { 
 
    border-bottom: 1px solid #ddd; 
 
} 
 
.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; 
 
}

Last child even: 
 
<div class="as-twl-list-main"> 
 
    <div class="as-twl-list-item">1</div> 
 
    <div class="as-twl-list-item">2</div> 
 
    <div class="as-twl-list-item">3</div> 
 
    <div class="as-twl-list-item">4</div> 
 
</div> 
 

 
<br/> 
 
Last child odd: 
 
<div class="as-twl-list-main"> 
 
    <div class="as-twl-list-item">1</div> 
 
    <div class="as-twl-list-item">2</div> 
 
    <div class="as-twl-list-item">3</div> 
 
</div>