Question

I have a an active state on me site Click Here which i am able to pick up in firebug. i have created an active state for the following tab Relax and unwind which i have scripted the following way

<li {if segment_3 == "relax"} class="active"{/if}><a href="{path='shop/view/relax'}">relax &amp; unwind</a></li>

I trying to style this tab in css but it doesn’t seem to work.

.sub-nav-products li .active{
    color: #fff;
       }

Answer 1

Remove the space between li and .active and add a after:

.sub-nav-products li.active a {
    color: #fff;
}

This example sets style to anchor inside list element which has class “active”.