css - 有条件地将类添加到scss中的父类

Question

当子级中存在一个类时，我正在尝试向 scss 中的父级（li-element）添加一个 CSS 类。

.main-menu {
  ul {
    li {
      &:has(> a.router-link-active) {
        border-left: 5px solid red;
        color: white;
      }
    }
  }
}

html 看起来像这样：

<div class="main-menu">
  <ul class="list-unstyled">
    <li>
        <a href="/" class="router-link-exact-active router-link-active">lorem
    </li>
  </ul>
</div>

标签： csssass