鼠标悬停时更改菜单颜色

Question

我正在通过WP建立一个网站，并且我必须将鼠标悬停颜色更改为蓝色。 我无法弄清楚如何做到这一点。

Here my pods

我尝试通过ID

选择它

#menu-menu-principale-effettivo a:hover{
    color:blue;
}

但它没有用。 我试图在网上看，但由于我是css的新手，我可能会错过了解如何做到这一点。

提前感谢

[解决]，在static.css文件的末尾添加：

@media screen and (min-width: 992px) 
{
#cshero-header-navigation .main-navigation .menu-main-menu > li:hover > a {
color: #073576 !important;
}
}
@media screen and (min-width: 992px) {
#cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a .menu-title:before, #cshero-header-navigation .main-navigation .menu-main-menu > li > a .menu-title:before {
background-color: #073576 !important;
}
}
@media screen and (min-width: 992px) 
{
#cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a {
color: #073576 !important;
}
}
@media screen and (min-width: 992px)
{
    #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-item > a
    {
        color: #073576 !important;
    }
}

注意：wp是一个奇怪的事情，我试图放入的自定义css没有通过＆＃34;自定义css＆＃34;工具，我不得不手动将其写入文件。

Answer 1

尝试在css属性后添加!important标记。例如#menu-item:hover{ color: blue !important; }

Answer 2

添加此css

ul#menu-menu-principale-effettivo a span:hover{
color:blue
}

Answer 3

您可以将样式添加到链接中。

role.yaml

Answer 4

试试这个

#menu-menu-principale-effettivo a:hover{
color:blue !important;}

Answer 5

将此添加到您的css

#menu-menu-principale-effettivo li a span.menu-title:hover{
    color:blue;
}