如何更改移动视图菜单中最后一个按钮的文本颜色?

时间:2018-11-26 09:02:26

标签: css wordpress css3 css-selectors

我正在使用wordpress发布者模板。
移动菜单的颜色应该是#051039,除了最后一个类似于按钮的颜色,我的问题是按钮的背景颜色是相同的#051039,所以我想将其更改为白色。
我尝试通过在链接的ID中添加额外的CSS代码来解决此问题:

#menu-item-430 {
    text-align: center;
    border-radius: 5px;
    background-color: #051039;
    color: #fff !important;
}

但是什么也没发生。我该如何解决? 这是我的网站: https://ijimfang.com

2 个答案:

答案 0 :(得分:3)

使用此样式

.rh-cover .rh-c-m .resp-menu li:last-child > a { color: #fff !important; }

答案 1 :(得分:0)

您可以尝试使用此代码。请将此代码添加到您当前激活的主题的style.css文件中。

@media only screen and (max-width: 600px) {
    ul#resp-navigation li:last-child{
        text-align: right;
        border-radius: 5px;
        background-color: #ffffff;
        border: 1px solid #051039;
    }
    ul#resp-navigation li:last-child a{
        color: #fff !important
    }
}