css - 在 Wordpress 中更改活动菜单链接颜色

Question

我有这个菜单（Wordpress/Woocommerce）：

我需要知道如何更改活动页面的链接。例如，商品页面。

这是用于此的 CSS 代码：

.nav-pills >li > a {
background color: transparent;
color: #fff !important;
}

我试过这个：

.nav-pills > li.current-menu-item a {
background color: transparent;
color: #000 !important;
}


.nav-pills > li.current-menu-item>a {
background color: transparent;
color: #000 !important;
}

...有很多变化，但没有。我尝试过，.nav-pills > li.current-menu-item a:active但仅在单击链接时才更改颜色，而不是在实际页面时更改颜色。知道如何实现这一目标吗？太感谢了。

标签： csswordpresswoocommercehyperlinkmenu

Answer 1

通常，WordPress 会将您置于一个名为 active 的类中，以确定菜单项是current_page_item，它应该可以工作：

.nav-pills > .current_menu_item > a {
   background color: transparent;
   color: #000 !important;
}

如果您在页面上有链接，我可以为您提供更多帮助