Question

我已使用以下CSS代码来更改wordpress网站中特定菜单项的背景和文本颜色。应用代码后，背景颜色已更改，但文本颜色未更改。谁能帮我使它工作。我使用过的CSS代码如下（请注意，我在不同的网站上使用过的相同代码有效）：

/*RESERVATION MENUBAR*/
.reserve-menu {
    background-color: #dd0000;
    color: #fff;
    }

.reserve-menu:hover,
.reserve-menu:focus,
.reserve-menu:active {
    background-color: #262626;
    color: #fff; !important;
    }

我已经在此站点中应用了以上代码。请查看名为“预订”的菜单：https://www.bombaydininghenley.co.uk/

Answer 1

您需要定位锚标记以使颜色起作用。试试这样的东西

 .reserve-menu a{
     color: #000;
 }

Answer 2

仅仅是选择器不够具体应该是

#main-menu ul li a:hover

或

.reserve-menu a:hover

您用来设置颜色的当前选择器是#main-menu ul li a 元素正受到css文件asian.css的影响，其选择器为.dark a:hover

Answer 3

将此添加到Style.css文件中：

.reserve-menu a:hover {
    color: #fff !important;
}

这将一直保持为#fff。

如何更改特定菜单项的文本颜色？背景变化但文字颜色不变？

3 个答案: