Question

（大家好！）

我正在使用Joomla和龙门主题创建一个小网站。我正在使用RokNavMenu，我想让它的项目在鼠标悬停时改变颜色。

我已根据自定义.css文件添加了更改：

ul.nav.menu > li:hover a {
color: #8cc414;
}

但它没有改变任何东西。我试过这个（就像测试一样）：

ul.nav.menu > li:hover a {
color: #8cc414;
font-size: 24px;
font-weight: bold;
background: #DA0429;
}

我很想看到字体大小，重量和背景颜色都被考虑在内，但字体颜色本身仍然没有。

所有这些：悬停块在：活动块之前，因为我看到订单可能具有重要性。

在我变得坚果之前，你能帮助我吗？非常感谢，

史蒂芬妮

P.S。好的，多亏了Vitorino它现在可以工作 - 我必须添加！重要 - 但为什么颜色应该被覆盖？我必须将此块放在别处吗？以下是有关导航菜单的整个块：以下是导航菜单的整个块：

/* 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 \ ";
}

再次：）

Answer 1

首选方法是使用您尝试覆盖的类的#parentdivid来使用特定于ID的覆盖。

使用！important不是覆盖的推荐方法。

例如：

/* en survol */
#rt-roknav ul.nav.menu > li:hover a {
    color: #8cc414;
}

有关龙门覆盖的更多信息，请访问其网站上的文档：

http://docs.gantry.org/gantry4/tutorials/adding-a-custom-stylesheet

使用Joomla gantry

1 个答案: