Php 如何为WooCommerce中的库存量分配CSS类？

我正在尝试以以下格式显示库存数量文本

“有多少存货？”“20”

您可以通过以下链接进行实时检查：

我正在使用以下代码

add_action('woocommerce_after_shop_loop_item','bbloomer_show_stock_shop', 10);

function bbloomer_show_stock_shop() {
global $product;
if ( $product->stock ) { // if manage stock is enabled 
if ( number_format( $product->stock,0,'','' ) < 3 ) { // if stock is low
echo '<div class="remaining">Only ' . number_format($product->stock,0,'','') . ' left in stock!</div>';
} 

else {
echo '<div class="remaining">' . 'How many in stock?</div>' . 
number_format($product->stock,0,'','');
}
}
}

add_action（'woocommerce_在_shop_loop_item'之后，'bbloomer_show_stock_shop'，10）；
功能bbloomer\u show\u stock\u shop（）{
全球$产品；
如果（$product->stock）{//如果启用了管理库存
如果（数字格式（$product->stock，0，，''）<3）{//如果库存较低
回显“仅限”。编号_格式（$product->stock，0，，''）。“库存中剩余！”；
} 
否则{
回音“有多少存货？”。
数字格式（$product->stock，0，，''）；
}
}
}

现在我想调整“库存量”（示例：20）。我正在尝试向库存数量中添加一个CSS类。我想在“库存数量”文本旁边显示它

如何将CSS类添加到库存数量？在PHP中

---

多谢各位

首先，修改剩余类的样式

i、 剩余的{display:inline block；}

第二，将div替换为span

20

至

20

''。编号\u格式（$product->stock，0，，“”）。“”