CSS更改徽标悬停颜色答案

【问题标题】：CSS Changing Logo Hover ColorCSS更改徽标悬停颜色
【发布时间】：2015-01-25 14:37:31
【问题描述】：

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

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

目前我的 CSS 代码是

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

【问题讨论】：

标签： css colors hover

【解决方案1】：

您的 Logo-Text 是一个链接，因此您应该使用 css-syntax 来设置链接样式：

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 */

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

只需执行以下操作：

解决方案 1 找到 logo hover css 并将 color 属性值更改为您想要的任何颜色

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

解决方案 2 如果上述方法不起作用，请创建另一个悬停 CSS 并强制进行更改，如下所示

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

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

【讨论】：