在WooCommerce中仅使用CSS定位单个产品页面

Question

使用CSS我基本上使用display:none来隐藏WooCommerce中的quatity字段。 但它也删除了购物车和愿望清单页面上的数量字段。

我怎样才能定位单个产品页面？

我也可以通过页面ID来完成，但我有100个产品，这不是一个实用的方法。

Answer 1

要定位Woocommerce单一产品页面，只需使用<body>类single-product 。

例如，隐藏数量字段（仅限于单个产品页面）：

.single-product .quantity {
    display:none;
}