css - Active Menu Color Item -

css - Active Menu Color Item -

my menu this

<div class="header-menu1"> <div class="menu1a"> <nav role="navigation" class="site-nav"> <ul class="main-nav" id="menu-main"> <li class="menu-item abc1" id="def1"><a>home</a></li> <li class="menu-item abc2" id="def2"><a>about us</a> <ul class="sub-menu"> <li class="menu-item abcd1" id="defg1"><a>corporate overview</a></li> <li class="menu-item abcd2" id="defg2"><a>mission, vision &amp; core values</a> </li> <li class="menu-item abcd3" id="defg3"><a>management</a></li> </ul> </li> <li class="menu-item abc3" id="def3"><a>services</a></li> <li class="menu-item abc4" id="def4"><a>know hub</a> <ul class="sub-menu"> <li class="menu-item abcd4" id="defg4"><a>articles</a></li> <li class="menu-item abcd5" id="defg5"><a>outsourcing glossary</a></li> <li class="menu-item abcd6" id="defg6"><a>events</a></li> <li class="menu-item abcd7" id="defg7"><a>gallery</a></li> </ul> </li> <li class="menu-item abc5" id="def5"><a>clients</a></li> <li class="menu-item abc6" id="def6"><a>reviews</a></li> <li class="menu-item abc7" id="def7"><a>get started</a></li> <li class="menu-item abc8" id="def8"><a>contact us</a></li> </ul> </nav> </div> </div>

please suggest active menu color code this. want identify active menu #f00 color. graphic designer , want quick solution above problem.

nav.site-nav li a:active { color:#your color; }

css menu