代码之家 › 专栏 › 技术社区 › Daan Seuntjens

悬停在li上时更改颜色

html-lists css-selectors wordpress css html

-1

Daan Seuntjens · 技术社区 · 6 年前

我正在编写一个简单的WordPress页面,当鼠标悬停在它上面时,我想更改菜单栏(右上角)的背景色。在这个网站上: https://www.happylogo.be/ . 我通常只使用“添加额外的CSS”,它只是一个CSS文件。奇怪的是,我认为我的选择代码是正确的,因为当我添加“visibility:hidden;”时,它会迅速消失,当悬停在li项上时,它会再次出现。

我现在使用的CSS代码:

#menu-primary-coach li:hover{
   /*#menu-primary-coach is the id of the lu*/
   background-color: #c7143a !important;
}

但它不起作用。当鼠标悬停在菜单项上时,如何更改背景色?

2 回复 | 直到 6 年前

jordanmannfeld 6 年前

我注意到了 <a> 在您的 <li> 实际上是用黑色覆盖悬停状态。

#primary-nav ul li:hover > a, #sticky_menu li:hover > a {
    background-color: #000000;
}

您可以删除此样式,也可以设置 <A & GT; 到你想要的颜色。

rawnewdlz 6 年前

它是由这行CSS引起的。有一个悬停在 <a> 内 <li> . 由于页面使用的是XHTML,所以悬停样式应该位于 <A & GT; 而不是 <理工大学; . 如果您使用HTML5,它可以在 <理工大学; .

#primary-nav ul li:hover > a, #sticky_menu li:hover > a {
    background-color: #000000;
}

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

8 月前

Jamie · 在CSS链接的文件名中添加Jinja占位符

8 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

8 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

8 月前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

8 月前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

9 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

9 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

9 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

9 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

9 月前