移除WooCommerce客户邮件中指定的span元素

你之前用的td:first-child这类选择器容易误影响其他邮件内容，下面给你几个精准定位的方法，从CSS隐藏到彻底移除都有：

1. 利用元素专属class/ID精准隐藏 #

先打开收到的客户邮件，查看邮件源码（邮箱里一般有“查看原始邮件”或“查看源码”选项），找到那个红色标注的span元素，看它有没有专属的class或ID（比如class="order-unwanted-meta"）。

如果有，直接用这个class写CSS：

add_filter( 'woocommerce_email_styles', 'add_css_to_emails', 10, 2 );
function add_css_to_emails( $css, $email ) {
    $css .= '
        .order-unwanted-meta { display: none !important; }
    ';
    return $css;
}

这种方法只会隐藏目标span，不会影响其他元素。

2. 结合邮件类型+元素结构定位 #

如果目标span没有专属class，但你只想在某类邮件（比如客户订单确认邮件）里移除它，可以先判断邮件类型，再结合元素结构写选择器：

add_filter( 'woocommerce_email_styles', 'add_css_to_emails', 10, 2 );
function add_css_to_emails( $css, $email ) {
    // 只在客户处理中订单邮件生效，邮件ID可根据实际需求修改，比如customer_completed_order
    if ( $email->id === 'customer_processing_order' ) {
        $css .= '
            /* 这里替换成你从邮件源码里找到的精准结构，比如父元素class+span */
            .order-details td.order-meta-cell span { display: none !important; }
        ';
    }
    return $css;
}

3. 彻底移除元素（推荐，比CSS隐藏更干净） #

CSS隐藏只是让内容看不见，邮件源码里还会保留元素。如果要彻底删掉，直接用WooCommerce的钩子移除：

方法A：移除整个订单元信息模块（如果只需要去掉这个模块） #

add_action( 'woocommerce_email_order_meta', 'remove_unwanted_order_meta', 1 );
function remove_unwanted_order_meta( $order ) {
    // 移除默认的订单元信息输出
    remove_action( 'woocommerce_email_order_meta', 'woocommerce_display_order_meta', 10 );
}

方法B：只移除特定元信息字段 #

如果你知道要移除的元信息对应的meta key（比如_custom_unwanted_key），可以用钩子排除它：

add_filter( 'woocommerce_order_meta_fields', 'exclude_specific_order_meta', 10, 3 );
function exclude_specific_order_meta( $fields, $order, $email ) {
    // 只在邮件场景下排除
    if ( !empty( $email ) ) {
        // 替换成你要移除的元信息key
        unset( $fields['_custom_unwanted_key'] );
    }
    return $fields;
}

怎么找meta key？ #

可以在WooCommerce后台的订单详情页，查看“自定义字段”（如果没显示，在屏幕右上角的“选项”里勾选“自定义字段”），找到对应元信息的key即可。

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