Twitter bootstrap 当子链接处于活动状态时，下拉菜单“使父链接处于活动状态”

滚动时，子菜单链接在激活时会改变颜色。如果父菜单（菜单类别）的子菜单处于活动状态，我希望父菜单（菜单类别）也更改颜色

<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
  <div class="container">
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
      Menu
      <i class="fa fa-bars"></i>
    </button>
    <div class="collapse navbar-collapse" id="navbarResponsive">
      <ul class="navbar-nav text-uppercase ml-auto">    

      <li class= "nav-item tab-menu-link">
         <div class="tab-menu">
          <a class="nav-link" id="AboutParent">About &#9660;</a>            
          <div class="tab-menu-content" id="AboutTabMenu">
                     <ul class="navbar-nav text-uppercase ml-auto" >
                        <li class="nav-item tab-menu-content-links">
                            <a class="Subnavnav-link nav-link js-scroll-trigger" href="#About">About TTCU</a>
                        </li>
                        <li class="nav-item tab-menu-content-links">
                            <a class="Subnavnav-link  nav-link js-scroll-trigger" href="#Achievements">Achievements</a>
                        </li>
                        <li class="nav-item tab-menu-content-links">
                            <a class="Subnavnav-link nav-link js-scroll-trigger" href="#Team">Team</a>
                        </li>
                        <li class="nav-item tab-menu-content-links">
                            <a class="Subnavnav-link nav-link js-scroll-trigger" href="#FAQ">FAQ</a>
                        </li>
                        <li class="nav-item tab-menu-content-links">
                            <a class="Subnavnav-link nav-link js-scroll-trigger" href="#Location">Location</a>
                        </li>
                     </ul>
            </div>
            </div>
        </li> 

}))

}CSS

.tab-menu-content-links a:active, .tab-menu a
{
color:red;
}

---

更改

约▼的颜色

如果。

选项卡菜单内容链接

中的任何链接处于活动状态。

是的，这就是我要查找的，只是父链接没有href，它只是一个类别，所以当子链接处于活动状态时，我如何更改其颜色？

<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
  <div class="container">
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
      Menu
      <i class="fa fa-bars"></i>
    </button>
    <div class="collapse navbar-collapse" id="navbarResponsive">
      <ul class="navbar-nav text-uppercase ml-auto">    

      <li class= "nav-item tab-menu-link">
         <div class="tab-menu">
          <a class="nav-link" id="AboutParent">About &#9660;</a>            
          <div class="tab-menu-content" id="AboutTabMenu">
                     <ul class="navbar-nav text-uppercase ml-auto" >
                        <li class="nav-item tab-menu-content-links">
                            <a class="Subnavnav-link nav-link js-scroll-trigger" href="#About">About TTCU</a>
                        </li>
                        <li class="nav-item tab-menu-content-links">
                            <a class="Subnavnav-link  nav-link js-scroll-trigger" href="#Achievements">Achievements</a>
                        </li>
                        <li class="nav-item tab-menu-content-links">
                            <a class="Subnavnav-link nav-link js-scroll-trigger" href="#Team">Team</a>
                        </li>
                        <li class="nav-item tab-menu-content-links">
                            <a class="Subnavnav-link nav-link js-scroll-trigger" href="#FAQ">FAQ</a>
                        </li>
                        <li class="nav-item tab-menu-content-links">
                            <a class="Subnavnav-link nav-link js-scroll-trigger" href="#Location">Location</a>
                        </li>
                     </ul>
            </div>
            </div>
        </li> 

.tab-menu-content-links a:active, .tab-menu a
{
color:red;
}