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

Question

使用 CSS，我基本上是在 WooCommerce 中使用display:none. 但它也会删除购物车和愿望清单页面上的数量字段。

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

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

score 3 · Accepted Answer

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

例如隐藏数量字段（仅在单个产品页面上）：

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

1 回答 1