我在WordPress网站上有一个包含4个项目的菜单-主页-作品集-团队-连接
我想突出显示正在访问的当前页面的菜单项, 但每个页面应具有不同的颜色。例如, 如果我访问主页, 则”
主页”
菜单项应为绿色。
文章图片
如果我访问投资组合页面, 则投资组合菜单项应为绿色。
文章图片
#1 你可以这样使用
ul li.active:first-child {
color:blue;
}ul li.active:nth-child(2) {
color: red;
}ul li.active:nth-child(3) {
color: green;
}
#2 我找到了解决方案。由于主题基于Twitter Bootstrap, 因此将.active类添加到要访问的当前页面的菜单项中。因此, 我为主页添加了.home之类的独立类, 向投资组合页面添加了.portfolio的类, 然后将这些类链接起来以使其生效。
.navbar-nav >
.home.active >
a {
color: green !important;
}
注意.home.active类是链接的。
在SO上关注线程很有帮助。
CSS选择2类的元素
【WordPress中每个活动菜单项的颜色不同】CSS选择器适用于具有两个类的元素
推荐阅读
- 禁用全页滚动，低于指定的分辨率
- WordPress中不同的帖子模板
- WordPress原始主题和子主题之间的区别[重复]
- 在WordPress中使用get_option()定义自定义字段
- 自定义WordPress主题-菜单不会添加到导航中[关闭]
- 自定义网址，用于自定义帖子类型
- WordPress中自定义帖子类型的自定义模板
- 必应输入法状态栏隐藏了还原办法
- 支付盾注销图文步骤