Question

I have the following code below for list into master page

<div id="header">
            <ul>
                <li><a href="default.aspx">Home</a></li>
                <li><a href="page1.aspx">Page1</a></li>

            </ul>
        </div>       ​

with css

#header a:hover {
    color: #AA1111;
    border-color: #AA1111;
}

#header a:active {
    color: #AA1111;
    border-color:#AA1111;
}

but the link doesn’t highlight with color when page is actived .

Answer 1

:active does not indicate that the link will be highlighted when the current page is active.

:active is the state of the link between mouse click and mouse released on the link. Try holding your mouse down on the link to see for yourself.

To set the current page’s link in a different style you will need to either give the current page link a different class and target that class in your CSS.

If you’re using .NET I recommend using the various CSS menu adapters / list controls that have the option of specifying the current page menu link class.