Joomla - 如何突出显示活动页面的菜单项答案

【问题标题】：Joomla - how to hightlight the menu item for active pageJoomla - 如何突出显示活动页面的菜单项
【发布时间】：2014-07-09 22:25:12
【问题描述】：

如何突出显示活动页面的菜单项？

谢谢！斯蒂芬

【问题讨论】：

标签： joomla

【解决方案1】：

请使用以下 Css 突出显示选定/活动/当前菜单项

.menu ul ul{padding-left:10px;}
.menu ul li.active a{font-weight:bold;}
.menu ul li.active ul a{font-weight:normal;}
.menu ul li.active ul li.active a{font-weight:bold;}

这将 100% 有效。

【讨论】：

【解决方案2】：

AFAIK 活动菜单位置应该有一个特殊的 css 类分配给它。该类可能被称为“活动”。你可以用一些 css 规则来定位这个类，你应该完成了。

【讨论】：

Silvo 是正确的，您会看到不同的类和 ID 添加到菜单项中，例如 .active 或 #current。然后，您需要创建 CSS 以突出显示该项目。

【解决方案3】：

这很容易，我刚刚找到它。您必须对 css 进行覆盖，例如 a:link、a:hover、a:visited 使用白色，但您需要灰色而不是活动页面，您只需将任何内容都设置为相同并将 !important 放在 #active_menu 中作为示例：

#main a:link, #main a:hover, #main a:visited {colour:#FFF;}

#active_menu {#CCC !important;}

【讨论】：

【解决方案4】：

请试试这个 Css

#menu ul li.active a{background-color:#eee;color:#333;
                     border-bottom:1px solid #eee;}

【讨论】：

请说明您的代码的作用以及它如何回答问题。如果您得到一个代码 sn-p 作为答案，您可能不知道如何处理它。答案应该为 OP 和未来的访问者提供有关如何调试和解决问题的指导。指出您的代码背后的想法是什么，极大地有助于理解问题并应用或修改您的解决方案。更好的代码格式也有助于提高可读性。