Css Li悬停但更改锚标记中的颜色

Css Li悬停但更改锚标记中的颜色,css,hover,Css,Hover,我在摆弄Wordpress导航。我有一个导航,在悬停状态下,每个li项目的背景变成橙色,文本从黑色变成白色 似乎有三种颜色在进行。无悬停时,为黑色,当项悬停在标记文本上时为灰色,当您将鼠标悬停在最中间的标记上时,文本的颜色为白色 锚文本应有两种颜色:默认为黑色,悬停时为白色。我需要停止灰色,这样当橙色被激活时,白色文本也会被激活 这个Wordpress网站上有几段代码可能是相关的。我猜下面是这些,但看不出我会在哪里编辑这个特定的问题。如果有人能提供网站在这里的指针,我甚至不确定我应该选择什么:

我在摆弄Wordpress导航。我有一个导航,在悬停状态下,每个li项目的背景变成橙色,文本从黑色变成白色

似乎有三种颜色在进行。无悬停时,
为黑色,当
  • 项悬停在
    标记文本上时为灰色,当您将鼠标悬停在最中间的
    标记上时,文本的颜色为白色

    锚文本应有两种颜色:默认为黑色,悬停时为白色。我需要停止灰色,这样当橙色被激活时,白色文本也会被激活

    这个Wordpress网站上有几段代码可能是相关的。我猜下面是这些,但看不出我会在哪里编辑这个特定的问题。如果有人能提供网站在这里的指针,我甚至不确定我应该选择什么:

    tinyurl.com/m562wgd

    /*     2.2.1 Top Drop-down menu */
        .dropdown ul,
        .dropdown ul li,
        .dropdown ul ul {
          list-style: none;
          margin: 0;
          padding: 0;
        }
    


    灰色来自于变化的不透明度。只有当您将鼠标悬停在锚定标记上时,才会看到白色,因为这是唯一设置了鼠标悬停的位置


    这应该可以做到

    灰色来自变化的不透明度。只有当您将鼠标悬停在锚定标记上时,才会看到白色,因为这是唯一设置了鼠标悬停的位置


    应该可以了

    规则中没有灰色,只有不透明度变化:

    .dropdown ul li.hover, .dropdown ul li:hover, .dropdown ul li.on {
        background-color: orange;
        opacity: 0.4;
    }
    
    这使得黑色看起来是灰色的。您还希望添加以下规则,以便在将鼠标悬停在列表项上时使链接变为白色:

    .dropdown ul li:hover a {
        color: white;
    }
    

    没有灰色,只是规则中的不透明度更改:

    .dropdown ul li.hover, .dropdown ul li:hover, .dropdown ul li.on {
        background-color: orange;
        opacity: 0.4;
    }
    
    这使得黑色看起来是灰色的。您还希望添加以下规则,以便在将鼠标悬停在列表项上时使链接变为白色:

    .dropdown ul li:hover a {
        color: white;
    }
    

    你还没有展示改变锚颜色的CSS。没有提到颜色,所以你必须深入挖掘。你还没有展示改变锚颜色的CSS。没有提到颜色,所以你必须深入挖掘。谢谢你的帮助,现在看起来很棒谢谢你的帮助,现在看起来很棒