html - 在鼠标悬停时更改菜单颜色

Question

我正在通过 WP 构建网站，我必须将鼠标悬停颜色更改为蓝色。我不知道该怎么做。

This is the website

我试过通过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 无法通过“自定义 css”工具工作，我不得不手动将其写入文件。

Answer 1

尝试在您的 css 属性后添加 !important 标签。例如 #menu-item:hover{
颜色:蓝色!重要；
}