这是我的解决方案。。。将以下内容添加到functions.php 在我的孩子主题中：

add_filter( \'body_class\',\'my_body_classes2\' );
function my_body_classes2( $classes ) {

if ( is_product() ) {

    global $post;
    $terms = get_the_terms( $post->ID, \'product_cat\' );

    foreach ($terms as $term) {
        $product_cat_id = $term->term_id;
        $classes[] = \'product-in-cat-\' . $product_cat_id;    
    }
}
return $classes;
}

然后，如果要更改类别2或类别4中任何单个产品页面的样式，可以使用以下CSS：

.product-in-cat-2 , .product-in-cat-4 {
    color: #ffffff;
}

将此添加到您的功能中。phphttps://gist.github.com/thegdshop/3197540

这应该在单个prlduct页面上添加适当的类别类。

1） 安装插件“add costum CSS”

2） 默认情况下，这不会显示添加css的框。你需要进入插件（管理栏的下半部分），会有一个关于“为以下页面启用costum CSS”的问题，然后选中“产品”，现在你将有一个框，可以在通过woocommerce进入单个产品时在其中添加CSS。

我不知道你是否可以通过这种方法来做这种事情，我需要这种方法来删除产品页面上的渲染阻塞CSS。

Add a body class related to the product category in WooCommerce将此添加到您的函数中。php

add_filter( \'body_class\', \'wc_cat_names\' );
function wc_cat_names( $classes ) {
    if(is_product()){
    global $post;
    $terms = get_the_terms( $post->ID, \'product_cat\' );
        foreach ($terms as $term) {
            $classes[] = $term->slug;
        }
    }
    return $classes;
}

我在函数中添加了此代码。php文件

dashboard ...>>> appearance >>> editor >>>> functions.php 

add_filter( \'body_class\',\'my_body_classes2\' );
function my_body_classes2( $classes ) {

if ( is_product() ) {

    global $post;
    $terms = get_the_terms( $post->ID, \'product_cat\' );

    foreach ($terms as $term) {
        $product_cat_id = $term->term_id;
        $classes[] = \'product-in-cat-\' . $product_cat_id;    
    }
}
return $classes;
}

我在单一产品页面上放置的相同id

.product-in-cat-(ID) {
    color: #ffffff;
}