SASS目标：如果存在另一个类，则在标记之前

我试图修改包含另一个类的：：before标记

HTML
<div class="foo active">
   <div>...</div>
</div>

SCSS
.foo {
 &:before {
   content: "";
   border-top: 3px solid $grey;
   width: 50%;
   transform: translateY(-10px);

   &:first-child {
     border-top: none;
   }

   &.active { // attempt 1
     border: 3px solid $primary;
   }
 }

 &:before.active { // attempt 2
   border: 3px solid $primary;
 }
}

HTML
...
SCSS
傅先生{
&：之前{
内容：“；
边框顶部：3件纯色$灰色；
宽度：50%；
转换：translateY（-10px）；
&：第一个孩子{
边界顶部：无；
}
&.active{//尝试1
边框：3倍实心$primary；
}
}
&：before.active{//尝试2
边框：3倍实心$primary；
}
}

---

仅当活动类存在时，我才尝试修改：before顶部边框。我还可以试试什么？

试试

&.active:before

@Bauke谢谢你这么做了。如果你想补充这一点作为回答，我会接受的。