css - WooCommerce 边栏事件选项卡 CSS

标签 css wordpress woocommerce

我正在为我的网站使用 WooCommerce Wordpress 插件。在我的产品页面上,我有标准的“ Accordion ”样式布局,显示当前类别的所有子标题,但隐藏“非事件”类别的所有子标题

我想更改事件类别的样式,但保留非事件选项卡完全相同。问题是任何变化似乎都会影响一切。我正在使用流动的 css

.cat-item cat-item-17 current-cat cat-parent {
    color: #20dbfc!;
}

您可以在此处查看站点 - http://www.lukeallen.co/sites/wp-test-01/product-category/indoor-led-lighting/

最佳答案

您只需将自定义规则应用于当前的猫类。您包含了太多类,因此失去了特异性。

尝试:

.current-cat {
    color: #20dbfc!;
}

关于css - WooCommerce 边栏事件选项卡 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23427594/

相关文章:

php - 替换 Woocommerce 结帐页面中的 "state"选择字段第一个选项文本

php - 更改结帐页面上的 WooCommerce 结帐错误文本

css - 如何使用 CSS 网格制作 30 个自动宽度的列?

html - Angular 中的响应式页脚带有始终位于页面底部的 Bootstrap 。不粘

php - WP迁移,无法登录WP admin

php - 删除 WooCommerce 中最小购物车总数和特定国家/地区的所有税费

javascript - 如何根据复选框设置特定 div 的样式

javascript - 添加滚动条

php - 仅当强制类别的产品在购物车中时才允许结帐

php - 来自类别循环的 Woocommerce 产品