如何修改Woocommerce Storefront导航菜单：活动分类页与购物车项颜色

你的问题出在.current_page_item这个CSS选择器只针对WordPress的页面类型菜单项生效，而产品分类页、购物车这类非页面的菜单项会使用其他类名标记当前状态。

替换成下面的CSS代码，就能覆盖所有当前激活的菜单项：

.current_page_item a,
.current-menu-item a,
.current-cat a {
    color: #4fff51 !important;
}

选择器说明： #

• .current_page_item：保留原有的页面类型菜单项样式（Home、Shop）
• .current-menu-item：覆盖购物车这类自定义菜单项的激活状态
• .current-cat：覆盖产品分类页对应的菜单项激活状态

如果购物车菜单项仍不生效，可以右键检查该菜单项的HTML元素，查看它的当前状态类名（通常WooCommerce购物车菜单激活时会带.current-menu-item），把对应的类名补充到选择器里即可。

内容的提问来源于stack exchange，提问作者Prabhu Paul