如何移除WordPress WooCommerce产品目录中价格下方的下划线？

• 登录WordPress后台，进入「外观」→「自定义」→「额外CSS」（部分主题可能在「主题设置」里的CSS编辑区域）
• 在输入框中添加以下CSS代码：

/* 移除产品目录页面价格下划线 */
.woocommerce ul.products li.product .price {
    text-decoration: none !important;
}

• 点击「发布」后刷新产品目录页面，即可看到下划线被移除。

如果上述代码未生效，说明你的主题使用了不同的价格元素类名，可尝试备选代码：

/* 备选方案：适配部分主题的价格选择器 */
.woocommerce-loop-product__price {
    text-decoration: none !important;
}

若仍未解决，可按下F12打开浏览器开发者工具，选中价格元素查看其具体类名，替换代码中对应的选择器即可。

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