How can ı do active menu text color change?

I want the color to change for the active menu when redirect after the page loads. name of the page to change color after redirecting to the page

I have to do this dynamically How can ı do it ?

 <div class="header-navbar"role="navigation" data-menu="menu-wrapper">
    <!-- Horizontal menu content-->
    <div class="navbar-container" data-menu="menu-container">
      <!-- include ~/includes/mixins-->
      <ul class="nav navbar-nav" id="main-menu-navigation" data-menu="menu-navigation">
      <li class="dropdown nav-item" data-menu="dropdown">
      <a class="dropdown-toggle nav-link" href="#" data-toggle="dropdown"><i class="ft-book"></i><span>Dergi</span></a>
      <ul class="dropdown-menu">
           <li data-menu="">
              <a class="dropdown-item" href="@Url.Action("Create", "News")"
                 data-toggle="dropdown"> Create News
               <submenu class="name"></submenu>
              </a>
           </li>
       </ul>
       </li>
  </div>

Internet used to be slow. It was the World Wide Wait. a:active was a temporary style while you waited. It reminded you that you clicked something and now it’s time to drink more coffee or get a slice of cake (internet cafe anyone?). Now a:active happens so fast you can’t even see it.

Say you’re on the “home” page of a five page site. You click “about” and when you get there you don’t want “about” to have link styling because it tells you you already on “about”, but “home” should have a:visited styling so you know you’ve been there.

I think you mean a:visited. The styles have to be in this order:

a:link {
/* style before visiting */
}
a:visited {
/* style after visiting */
}
a:hover {
/* style when the mouse pointer hovers over link */
}
a:active {
/* that style for afer we click tthe link and before */
/* the next page loads that we really can't see anymore */
}