css - Magento - 网格和产品信息上的不同价格风格

Question

我正在尝试更改不同页面上的价格样式。在产品网格中，它是“标准”外观，但在产品信息页面上，我想将其显示得更大。我发现在 view.phtml 中使用这一行调用了价格：

<?php echo $this->getChildHtml('product_type_data') ?>

位于product_type_data文件 default.phtml (template/catalogue/product/view/) 中。我在这里看到：

<?php echo $this->getPriceHtml($_product) ?>

getPriceHtml()再次在 price.phtml 中。

样式在 CSS 中：

.special-price .price { font-size:18px; color:#990000; font-weight:bold; }

是否可以创建单独的 css 规则（例如.special-price .price-large）以及如何将其仅应用于产品视图？

Answer 1

寻找产品网格独有的东西并使用它。也无需更改 HTML。

.products-grid .special-price .price { font-size:20px; }