Как применить определенный стиль к родителю на основе его дочернего класса в 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 для суб-маршрута выделяется при щелчке (выполняется с помощью active-class из vue router-link). Но как выделить его родительский li (.parent_li)?

Я знаю, что это можно сделать в JS.Но я ожидаю решения в SASS или CSS