Css 无法使用Joomla机架更改nav.menu中的悬停链接颜色
(大家好!) 我正在使用Joomla和门架主题创建一个小网站。我使用的是RokNavMenu,我希望它的项在鼠标上改变颜色 我已相应地在自定义.css文件中添加了更改:Css 无法使用Joomla机架更改nav.menu中的悬停链接颜色,css,joomla,menu,hover,nav,Css,Joomla,Menu,Hover,Nav,(大家好!) 我正在使用Joomla和门架主题创建一个小网站。我使用的是RokNavMenu,我希望它的项在鼠标上改变颜色 我已相应地在自定义.css文件中添加了更改: ul.nav.menu > li:hover a { color: #8cc414; } 但这并没有改变任何事情。 我试过这个(只是为了测试): 我惊讶地看到字体大小、重量和背景颜色都被考虑进去了,但字体颜色本身仍然没有考虑进去 所有这些:悬停块都在:活动块之前,正如我所看到的,顺序可能很重要 在我发疯之前,你能帮我一下
ul.nav.menu > li:hover a {
color: #8cc414;
}
但这并没有改变任何事情。
我试过这个(只是为了测试):
我惊讶地看到字体大小、重量和背景颜色都被考虑进去了,但字体颜色本身仍然没有考虑进去
所有这些:悬停块都在:活动块之前,正如我所看到的,顺序可能很重要
在我发疯之前,你能帮我一下吗?
非常感谢
圣菲尼
p、 好的,多亏了维托里诺,它现在可以工作了——我必须补充一点!重要-但是为什么要覆盖颜色?我必须把这个街区放在别处吗?
以下是有关导航菜单的整个模块:
以下是导航菜单的整个模块:
/* pour les menus RoknavMenu "user menu" */
ul.nav.menu > li a {
color: #6e6e6e;
font-size: 12px;
font-weight: normal;
}
/* en survol */
ul.nav.menu > li:hover a {
color: #8cc414 !important; /* important a dû être ajouté car sinon overriden */
}
/* élément actif */
ul.nav.menu > li.active a {
color: #8cc414;
font-size: 12px;
font-weight: normal;
}
/* style de puce devant un élément de menu de navigation user inactif */
ul.nav.menu > li a::before {
content: " ";
}
/* style de puce devant un élément de menu user ACTIF */
ul.nav.menu > li.active a::before {
content: "\273F \ ";
}
Thx:)首选方法是通过包含您试图覆盖的类的
#parentdivid
来使用特定于id的覆盖
使用!“重要信息”不是推荐的覆盖方法
例如:
/* en survol */
#rt-roknav ul.nav.menu > li:hover a {
color: #8cc414;
}
有关机架覆盖的更多信息,请访问其网站:
我想它被覆盖了试试
!重要提示
你好,维托里诺!谢谢你的快速回答。这真的很管用!再次感谢你!但我认为custom.css中的任何内容都是应用的最终样式。。。基本上,样式表的顺序在cssOK中也起着重要作用,但是既然考虑了背景色、字体大小等因素,为什么“颜色”不考虑呢?我必须把我的街区放在别处吗?谢谢你的回答!我不想用!很重要,因为我看到它是邪恶的。我试过你的方法,但是在鼠标上颜色没有改变。看来唯一的选择就是使用!重要:(
/* en survol */
#rt-roknav ul.nav.menu > li:hover a {
color: #8cc414;
}