SASS從最後一個元素中選擇最後一個元素

Question

我很難從最後一個class =「list-group」中將邊框添加到最後一個class =「separator」。 我想在SASS做這個。有人可以幫助我，因爲我的解決方案不起作用。

HTML

<div class="list-group"> 
    <div class="list-group-item"></div> 
    <div class="separator"></div> 
</div> 
<div class="list-group"> 
    <div class="list-group-item"></div> 
    <div class="separator"></div> 
</div> 
<div class="list-group"> 
    <div class="list-group-item"></div> 
    <div class="separator"></div> 
</div> 
<div class="list-group"> 
    <div class="list-group-item"></div> 
    <div class="separator"></div> 
</div> 

CSS

.list-group { 
    &:last-child .separator { 
     border-left: 1px solid black; 
    } 
} 

Answer 1

據我存在你的青菜代碼沒有問題。只需在html中添加一些內容，瀏覽器就會開始顯示邊框。事情是這樣的

<div class="list-group"> 
    <div class="list-group-item"></div> 
    <div class="separator">item1</div> 
</div> 
<div class="list-group"> 
    <div class="list-group-item"></div> 
    <div class="separator">item2</div> 
</div> 
<div class="list-group"> 
    <div class="list-group-item"></div> 
    <div class="separator">item3</div> 
</div> 
<div class="list-group"> 
    <div class="list-group-item"></div> 
    <div class="separator">item4</div> 
</div> 

輸出（參考）：

，你可以當場在ITEM4左邊框？