更改 WooCommerce 页面的主题菜单 css答案

【问题标题】：Change theme menu css for WooCommerce pages更改 WooCommerce 页面的主题菜单 css
【发布时间】：2017-05-01 14:28:00
【问题描述】：

您好，我正在尝试在我的所有 woocommerce 页面上定位导航 CSS，以将其从（父 CSS）白色更改为黑色。我基本上希望所有商店页面上的所有菜单项都是黑色的。

.woocommerce #top-menu-nav #top-menu li a{ color: #000000 !important; }
.woocommerce #top-menu-nav #top-menu li a:hover { color: #cea54a !important; }

但是，它只显示在产品类别页面上，实际上不显示在任何商店页面上。我还应该在上面添加什么来反映这种变化吗？

谢谢

【问题讨论】：

标签： css wordpress woocommerce checkout cart

【解决方案1】：

要在 woocommerce 页面上定位菜单元素，您应该尝试这样的操作（假设 #top-menu 是您的菜单 ID：

body.woocommerce #top-menu a,
body.woocommerce-page #top-menu a  { 
    color: #000 !important;
}

希望对你有帮助

【讨论】：

超级有帮助！谢谢:)