仅适用于所有WooCommerce产品类别上的元素的CSS通配符选择器

Question

我正在使用WooCommerce在WordPress网站上工作。我想设置类.content-area的样式，但仅在[product category]页面上设置样式。如果要选择一个类别（例如，标签ID为15的类别），则我的CSS代码将如下所示：

.term-15 .content-area {
    margin-top:0;
}

这是有效的，但它仅在该特定产品类别＃15上设置.content-area元素的样式。我要做的是在所有产品类别-而不是网站的其余部分上设置该元素的样式。我正在尝试研究通配符选择器，但无法弄清楚：

[class^='term-'] .content-area {
    margin-top:0;
}

是否有一种方法可以通过使用通配符来实现；或其他方式？

欢呼

Answer 1

想通了。一个简单的解决方案：

.tax-product_cat .content-area {
    margin-top:0;
}

Answer 2

您可以尝试

 .archive .woocommerce-page .content-area {
        margin-top:0;
    }