标记悬停，活动和访问不起作用

Question

我在某些文字周围放了一个标签，并给它一个id“主页”。 然后我为“主页”添加CCS，但不知何故悬停，活动和访问的效果根本没有显示。 我做错了吗？ 我是新手，非常困惑......请帮助！

#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

将#mainpage a:hover更改为a#mainpage:hover，然后重复其余内容（访问等等）

Answer 2

试试这个......

#mainpage:hover同样适用于所有其他人......

这可能有用......