Css 标记悬停，处于活动状态并已访问don'；行不通

我在一些文本周围放了一个a标签，并给它一个id“mainpage”。 然后我为“主页”添加了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;  
}

将

#mainpage a:hover

更改为

a#mainpage:hover

，然后重复到其他页面（已访问等…）

尝试此

#主页：悬停

对于所有其他页面也是如此

---

这可能有用…

在这种情况下，HTML非常有用。我很感谢您向我们展示了CSS（这是值得称赞的！），但在我们面前描述您的HTML并不如展示HTML有用。#mainpage a{}表示#mainpage元素中的a标记，而不是元素#mainpage。如果您的html看起来像一些文本，那么上面的css将适用于a标记中的文本。David:将在下次使用。谢谢里伯特：哦，我明白了！我不知道怎么回事！谢谢你让我知道。谢谢你的帮助！这是一个愚蠢的错误：我认为它应该是一个#主页：hover而不是我所做的，但它在一开始就不起作用，所以我切换到上面的内容。但是，我错了，因为正如你从我发布的代码中看到的，我为hover和active定义了两次颜色，第二次覆盖了第一次，显示了错误的颜色。我理解。你找到了解决办法，但它却溜走了。调试时总是尝试使用不同的颜色，这样就不会发生类似的事情。请接受这个答案，因为它是那个问题的解决方案。谢谢你的帮助和新建议谢谢你的帮助！这是一个愚蠢的错误：我认为它应该是一个#主页：hover而不是我所做的，但它在一开始就不起作用，所以我切换到上面的内容。但是，我错了，因为正如您从我发布的代码中所看到的，我为hover和active定义了两次颜色，第二次覆盖了第一次，显示了错误的颜色。