Я пытаюсь изменить тег :: 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;
}
}
Я пытаюсь изменить верхнюю границу: before, только если присутствует активный класс. Что еще можно попробовать?