CSS更改徽标悬停颜色

Question

我设法使用CSS使用徽标以我想要的方式更改徽标，但我正在努力弄清楚如何更改它的悬停颜色。

我想在悬停时将TEST颜色从蓝色更改为其他颜色 http://test.peterstavrou.com/

目前我的CSS代码是

header#top #logo {
    letter-spacing: 2px;
    font-size: 35px;
    }

Answer 1

您的徽标文本是一个链接，因此您应该使用css语法来设置样式链接：

a#logo:link { color: #fff; } /* a Link that has not been clicked yet */
a#logo:visited { color: #fff; } /* a link that has been clicked before */
a#logo:hover { color: #ff0; } /* a link on hover/rollover */
a#logo:active { color: #ff0; } /* a link that is just clicked */

Answer 2

做一些像：

解决方案1 ​​找到徽标悬停css并将颜色属性值更改为您想要的颜色

color: red!important; /* change the property value to the color you want */

解决方案2 创建另一个悬停式CSS并强制进行更改，如下所示，如果上述方法无效

#logo:hover {
    color: red!important;
    }

注意：确保上面的代码位于css文件的最底部。这样，它将覆盖之前定义的悬停属性，即使它具有重要的

Answer 3

将此示例添加到您的示例在CSS中显示的header#top #logo { ... }代码。

header#top #logo:hover
{
color:red;
}