css - Joomla 更改菜单项颜色

Question

我在左侧发布了一个菜单项——模块类型“mod_mainmenu”当菜单单击并显示页面时，我希望菜单项颜色更改为其他颜色。查看相应页面时显示事件菜单项

说菜单项

第一页
第2页
第3页
第 4 页

点击链接“page1”打开 examplesite.com/page1和左侧的“page1”菜单项显示颜色“绿色”

实际链接:http://sample26.marrsinfosolutions.com/希望左边的导航说推荐书、礼券等在被查看时变为灰色，不被查看时变回默认

提前致谢

Answer 1

更改当前元素颜色的方法是添加一个类，该类将引用页面的“事件”部分，认为您必须使其适应您的页面(这是一个很好的做法)。

添加规则，使所选链接看起来与其他链接不同。为 body 元素指定一个 id 属性，以不同方式设置“当前”导航选项卡的样式。在下面的示例中，body 元素的 id 已设置为“home”，这使得“Home”选项卡成为当前选项卡。将其更改为“关于”将使“关于”选项卡成为当前选项卡，依此类推。

页面示例:

#home #nav-home a,
#about #nav-about a,
#archive #nav-archive a,
#lab #nav-lab a,
#reviews #nav-reviews a,
#contact #nav-contact a {
background:#e35a00;
color:#fff;
text-shadow:none;
}
#home #nav-home a:hover,
#about #nav-about a:hover,
#archive #nav-archive a:hover,
#lab #nav-lab a:hover,
#reviews #nav-reviews a:hover,
#contact #nav-contact a:hover {
background:#e35a00;
}
#nav a:active {
background:#e35a00;
color:#fff;
}

来源:http://www.456bereastreet.com/archive/200501/turning_a_list_into_a_navigation_bar/