我在左侧发布了一个菜单项——模块类型“mod_mainmenu” 当菜单单击并显示页面时,我希望菜单项颜色更改为其他颜色。查看相应页面时显示事件菜单项
说 菜单项
第一页
第2页
第3页
第 4 页
点击链接“page1”打开 examplesite.com/page1 和左侧的“page1”菜单项显示颜色“绿色”
实际链接:http://sample26.marrsinfosolutions.com/ 希望左边的导航说推荐书、礼券等在被查看时变为灰色,不被查看时变回默认
提前致谢
最佳答案
更改当前元素颜色的方法是添加一个类,该类将引用页面的“事件”部分,认为您必须使其适应您的页面(这是一个很好的做法)。
添加规则,使所选链接看起来与其他链接不同。为 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/
关于css - Joomla 更改菜单项颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8785595/