Question

I have css:

a:visited {
    text-decoration: none;
    color: #CCC;
}
a:hover {
    text-decoration: underline;
    color: #fff;
}
a:active {

    text-decoration: none;
        color: #CCC;
}

the hover does not work when i first load the webpage however when i click on the hyperlink then go back the hover then works. What is the issue.

Answer 1

Maybe there is some extra CSS hanging around somewhere… You could try resetting CSS at the beginning of your file:

a:visited, a:hover, a:active { text-decoration:none; }