我有一个问题,我通过 Wordpress 开发了一个网站,我想以一种方式设置所有产品价格的样式,并以另一种方式设置小计、税收和总计的样式。它们都在一个 CSS 类中,作为 woocommerce-Price-amount 数量。无论如何,我只能针对 tr“cart_item”中的那些吗?谢谢!
<table class="shop_table woocommerce-checkout-review-order-table" style="border-color: rgb(255, 255, 255);">
<thead style="background-color: rgb(0, 0, 0);">
<tr>
<th class="product-name" style="border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);">Product</th>
<th class="product-total" style="border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);">Total</th>
</tr>
</thead>
<tbody>
<tr class="cart_item">
<td class="product-name" style="border-color: rgb(255, 255, 255);">
Autumn Leaf Shirt - Large <strong class="product-quantity">× 2</strong> </td>
<td class="product-total" style="border-color: rgb(255, 255, 255);">
<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>70.00</span> </td>
</tr>
</tbody>
<tfoot>
<tr class="cart-subtotal">
<th style="background-color: rgb(0, 0, 0); border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);">Subtotal</th>
<td style="border-color: rgb(255, 255, 255);"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>70.00</span></td>
</tr>
<tr class="tax-total">
<th style="background-color: rgb(0, 0, 0); border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);">Tax</th>
<td style="border-color: rgb(255, 255, 255);"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>0.00</span></td>
</tr>
<tr class="order-total">
<th style="background-color: rgb(0, 0, 0); border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);">Total</th>
<td style="border-color: rgb(255, 255, 255);"><strong><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>70.00</span></strong> </td>
</tr>
</tfoot>
最佳答案
是的!您可以将 cart_item
中的 woocommerce-price-item
专门定位为:
.cart_item .woocommerce-价格-金额{
/**这里是你的属性**/
}
这只会将您的属性应用于类 woocommerce-Price-amount
类的元素,类元素中类 cart_item
基本上在 CSS 中,您可以访问 foo
中的 bar
,如下所示:
.foo.bar{
}
关于javascript - 如何更改一个特定的 CSS 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52130438/