Селектор CSS Wildcard для элемента только во всех категориях продуктов WooCommerce

Question

Я работаю над сайтом WordPress с WooCommerce.Я хочу стилизовать класс .content-area, но только на категории продуктов страниц.Если бы я выбрал одну категорию (например, категорию с идентификатором тега 15), мой код CSS выглядел бы так:

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

Это работает, но это только стилизует элемент .content-area на этомконкретная категория продукции № 15.Мне нужно оформить этот элемент на всех категориях продуктов - НО НЕ на остальной части сайта .Я пытался исследовать селектор подстановочных знаков, но не могу понять:

[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;
    }