Question

I put an a tag around some text and give it an id “mainpage”.
Then I add CCS for “mainpage”, but somehow hover, active and visted effects are not showing at all.
Did I do something wrong defining them?
I am a newbie and very confused…please help!

#mainpage {
    color: white; 
    text-decoration: none; 
    font-family: Georgia;
    font-size: 100px;
    color: white; 
    text-shadow: 0px 0px 1px white; 

}

#mainpage a:hover{
    color: yellow; 
    text-decoration: none; 
    font-family: Georgia;
    font-size: 100px;
    color: white; 
    text-shadow: 0px 0px 1px yellow; 
}

#mainpage a:active {
    color: yellow; 
    text-decoration: none; 
    font-family: Georgia;
    font-size: 100px;
    color: white; 
    text-shadow: 0px 0px 1px yellow; 
}

#mainpage a:visited {
    color: white; 
    text-decoration: none;
    font-family: Georgia;
    font-size: 100px;
    color: white; 
    text-shadow: 0px 0px 1px white;  
}

Answer 1

Change #mainpage a:hover to a#mainpage:hover, and repeat to the rest (visited, etc…)