Hello, I'm developing a website where I have a second level Auto-nav, and then a third level Auto-Nav which when an item from the second level is selected the Auto-Nav pops down when the page redirects.

I want it to be that when I click a third level page, the item in the Auto-Nav is colored, and the second level one aswell.

a.nav-selected.nav-path-selected {
color: #f7a800;

}

a.nav-path-selected{
color: #f7a800;
}

I have that for CSS for it, but it only changes the color of the currently selected item, so if I press a second level item it changes it's color, but if I press a third level one, it changes the color of the third level, and puts the second level back to white.

Any idea why?