SASS das letzte Element aus einem letzten Element auswählen

Question

Ich habe Schwierigkeiten, der letzten class = "separator" aus der letzten class = "list-group" einen Rahmen hinzuzufügen. Ich möchte das in SASS tun. Kann mir bitte jemand helfen, weil meine Lösung nicht funktioniert.

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

mir nach gibt es kein Problem in Ihrem Code sass. Fügen Sie einfach etwas Inhalt zu html hinzu und der Browser beginnt mit der Umrandung. So etwas wie dieses

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

Ausgang (für Ihre Referenz):

können Sie den linken Rand auf item4 beschmutzen?