如何根据SASS中的子类将特定样式应用于父级

Question

我有一个嵌套的下拉导航，如下所示：

<div class="menu-list">
   <ul id="menu-content" class="menu-content collapse out">
      <li> Hi </li>
      <li class="parent_li" data-target="#products_sidebar" data-trigger="click" data-toggle="collapse" data-placement="right">
         Sub Route
         <ul class="sub-menu collapse" id ="products_sidebar">
            <li >Sub A</li>  <!-- gets a class "active" on click -->
         </ul>
      </li>
   </ul>
</div>

子路由的li在点击时突出显示（使用vue router-link的active-class完成）。 但如何突出显示其母li（.parent_li）？

我知道这可以在JS中处理。但我期待在SASS或CSS中的解决方案