我已经通过下面的css更改了主导航菜单当前页面的 colored颜色
.current_page_item a {
color: #4fff51!important; }
但它只适用于not for product category pages & Cart menu item页
在菜单中，Home和Shop是页面，其余是产品类别页面.
这是我的网站graceamaron.com
谢谢
推荐答案
因为产品页面是Store的子级，所以store 列表项不会被视为当前页面，因此您必须添加一个额外的类来按父级进行 Select .您可以通过将.current_page_parent a添加到css来实现这一点.
在进一步查看您的站点后，我还看到下面的链接仍然显示为灰色:https://graceamaron.com/product-category/homeups/
如果将.current-menu-item a添加到css，它还会更改此导航项目的 colored颜色 .
要使您的购物车在选中时也是绿色的，请在班级中添加.site-header-cart .current-menu-item a.
要解决这些问题，请将您的类更改为以下类:
.site-header-cart .current-menu-item a,
.main-navigation .current_page_parent a,
.main-navigation .current-menu-item a,
.main-navigation .current_page_item a {
color : #4fff51!important;
}
班级工作预览:
Product Page:
Category Page:
Html相关问答推荐
如何才能只给没有孟加拉语Kar符号的字母上色？
如何使用css为动态用户输入矩阵添加背景色？
如何在htmlAngular 17的@for中使用索引
在css嵌套 Select 器中，尾随的`&；‘是什么意思？
如何在html和css中创建动态调整大小的表元素
在<；style&>中列出的三种字体中，只有两种显示
摆动的html标签
如何使用CSS创建文件夹选项卡的形状？
在每个列宽由带有固定值的minmax()函数定义的网格中，CSS如何为列分配空间？
角化、剪裁、边缘，但仅在底部2和平滑包装上
如何从elementor中的滑块中获取文本？
在显示 swift ui 之前加载下一个 YouTube 视频
如何在悬停时使矩形按钮上的边框变圆
将现有内容拆分为三列或部分
绝对类在另一个绝对类之上
为什么 css position：fixed 不适用于对话框标签？
悬停一个 div 时更改所有其他 div 上的字体 colored颜色
Primeng浮动标签溢出管理
基本上，我想要两列包含文本和图像，但第二列是倒置的
如何使用 ：hover zoom 重叠图像？
实用课程推荐