Question

我尝试定位运行WooCommerce的WordPress安装上提供的产品的特定属性。具体而言，我试图以产品价格和价格为目标。产物的小计。

我已经找到了我认为的产品ID类＆＃34; postid-1539＆＃34;，并且我找到了我需要调整的属性＆＃34; .product-price＆＃34; ＆安培; ＆＃34;。产品-小计＆＃34 ;.但我无法专门调整特定产品的属性，以便以不同的方式显示。

我应该用钩子和钩子解决这个问题吗？过滤器？我认为CSS是最简单的方法。

我的正确和非工作代码看起来像这样

.postid-1539 .product-price {display; none：}

HALP。：P

Answer 1

考虑targeting一个元素，你的意思是selecting一个元素来改变它的风格。我可以给你这个解决方案：

.shop_table .product-price{ /* Font color of price is made green */
     color:Green;
}

.shop_table .quantity input.input-text{ /* Background color of quantity text box is made green */
     background:Green;
     color:#FFFFFF;
}

请记住，您可以使用space在父元素中选择子元素，如下所示：[parentTag/#parentId/.parentClass][SPACE][childrenTag/.childrenClass]，在您的示例中为.shop_table .product-price。其中.shop_table是父元素的类，.product-price是子元素。所以我们在他们的班级中选择了他们，中间是space。

但要使用类input选择.input-text元素，您必须这样连接：input.input-text，它只会更改{{1}具有input类的元素，但不会影响其他类的其他.input-text元素。

要更好地了解CSS选择器，请访问this链接。

在WooCommerce / WordPress中使用CSS定位产品的属性

1 个答案: