PHP中如何修改WooCommerce含税价格的字体大小

该需求完全可以实现，无需替换现有实现方案，仅需给含税价格片段添加独立类名，再通过CSS单独控制该类的字体大小即可。

• 替换原有PHP钩子代码，给含税价格和后缀文本分别加上独立类容器，方便单独控制样式：

add_filter( 'woocommerce_get_price_suffix', 'bbloomer_add_price_suffix_price_inc_tax', 99, 4 );
       
function bbloomer_add_price_suffix_price_inc_tax( $suffix, $product, $price, $qty ){
    $inc_tax_price = '<span class="inc-tax-price">' . wc_price( wc_get_price_including_tax( $product ) ) . '</span>';
    $suffix = ' excl. btw <br> ' . $inc_tax_price . ' <span class="tax-suffix-label">incl.btw</span>';
    return $suffix;
}

• 将下述CSS代码添加到WordPress后台「外观-自定义-额外CSS」中，按需修改字号数值即可：

/* 单独控制含税价格字体大小 */
.inc-tax-price {
    font-size: 16px; /* 替换为你需要的字号，支持px/rem/em等CSS单位 */
}

/* 可选：单独控制incl.btw后缀的字体大小，不需要可删除该段 */
.tax-suffix-label {
    font-size: 12px;
}

若添加后样式未生效，是主题原有价格样式优先级更高，可将选择器改为.woocommerce .price .inc-tax-price提升优先级即可。

内容的提问来源于stack exchange，提问作者chanandler