-2
<li class="btn-group" mdbDropdown>

  <a mdbDropdownToggle id="ParentId">
    <i class="nav-item"></i> MainMenu <i class="fa fa-angle-down"></i>
  </a>

  <div class="dropdown-menu">
      <a id="chaildId1" routerLinkActive="class-nav_mi" routerLinkActiveOptions="{exact:true}" [routerLink]="['/logs']">Menu-1</a>
      <a id="chaildId2" routerLinkActive="class-nav_mi" routerLinkActiveOptions="{exact:true}" [routerLink]="['/reports']">Menu-2</a>
  </div>

</li>

when we click on child Menu, i want change color of Parent Menu from child Menu color Apply Child Menu color to Parent Menu, after click on child Menu

refernce image

PSKP
  • 1,178
  • 14
  • 28
anji
  • 1
  • 2

1 Answers1

0

You can use the brand new focus-within sudo class

For consistency, you will also want to use :hover

.btn-group:focus-within > a > .nav-item,.btn-group:hover a .nav-item {

/*apply hovering/focus colors*/
}

For onclick colors, you'll have to use JavaScript

Edit:You just changed a tag to Angular, not familiar with that

MoPaMo
  • 517
  • 6
  • 24