悬停时的CSS也会更改背景颜色和文本颜色

Question

当我在菜单上移动鼠标时，我希望这样。它会改变背景颜色，也会改变文字颜色。 但我的CSS只改变背景颜色，它不会改变文字颜色。 需要帮助。

a:hover
{
    color: #231f20;     //for text new colour (not worked)
    background-color: #ffffff;     //for background new colour (it worked)
}

Answer 1

我想我明白你的意思，我认为它不起作用的唯一原因是你试图评论代码的方式，你使用的是//而不是/*。< / p>

以下是我用以下内容替换它：

a:hover
{
    color: #231f20;     /*for text new colour (not worked)*/
    background-color: #088a68;     /*for background new colour (it worked)*/
}

<a href="...">Small Example</a>
<br>
<a href="..." style="font-size: 50px">Big Example</a>

实例：https://jsfiddle.net/yn16bxsv/

希望这有帮助