html - CSS A Hover 排除当前项目

Question

我正在尝试使用我支付的这个 Wordpress 模板，但开发人员并没有太多帮助，我被困住了......

主导航具有粉红色悬停功能，但我希望将“当前菜单项”排除在悬停时变为粉红色。证明很难找到合适的类进行编辑。

我可以看到下面的 HTML 和 CSS 样式...

家

该站点位于以下位置：

http://www.royalteeapparel.co.uk/wp

谢谢

Answer 1

添加这个：

.menu-item a:hover {color: #FF17A6 !important;}
/* add this */
.current-menu-item a:hover {color: #4AB1D3 !important;}

我还建议您尝试完全不使用!important并使用CSS 而不是反对它，但样式表似乎已经大量使用了它。

Answer 2

您也可以包含此行。

.sf-menu li.current-menu-item a:hover
{
    color: #4AB1D3;
}

CSS 文件已包含：

.sf-menu li.current-menu-item a
{
    color: #4AB1D3;
}

因此，向其中添加附加行以包含 :hover 在 a 标签上将摆脱粉红色并使其与所选项目相同的蓝色。

Answer 3

在您的 .css 文件 http://www.royalteeapparel.co.uk/wp/wp-content/themes/WhiteNoise/style.css 第 452 行，

改变

.menu-item a:hover {
    color: #FF17A6 !important;
}

任何颜色都适合您的需求。