Site icon Hip-Hop Website Design and Development

current-menu-item class in CSS

I’ve created one principal Web page(House Web page) and lots of customized hyperlinks in wp-admin. All customized hyperlinks are linked to sections of House Web page.

Instance: Customized hyperlink About Us has a URL = #section1 and in my code I’ve linked it to:

<div id="section1"> Textual content </div>

In my CSS I’ve used .current-menu-item to spotlight clicked hyperlink in menu:

.site-header div.nav-wrap nav ul li.current-menu-item a:hyperlink,
.site-header div.nav-wrap nav ul li.current-menu-item a:visited {

coloration: #fff;
text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;

}

Once I soar to section1 solely the House Web page hyperlink highlights not the About Us hyperlink. How can I repair this in order that the About us Hyperlink highlights?