Magento 如何仅为产品页面自定义“价格”字体大小答案

【问题标题】：Magento How to custom "price" font size for product page onlyMagento 如何仅为产品页面自定义“价格”字体大小
【发布时间】：2015-05-23 10:15:14
【问题描述】：

我正在尝试仅更改产品页面上“价格”的字体大小和颜色。当我在 style.css 上更改 .price 时，它会更改所有页面上的价格格式，这不是我需要的。我只需要在产品页面上更改价格格式。任何帮助，谢谢

【问题讨论】：

【解决方案1】：

您可以保持 CSS 的统一，并且仍然可以这样做。在产品页面的body标签中添加ID：

<body id="pgProducts">

或者包装内容

<div id="pgProducts">

然后您可以在“覆盖”选择器中使用它

#pgProducts .Price {
    /*Style to appear in pgProducts only*/
}

如果这种样式最终在其他地方需要，这可以为您提供更大的可扩展性。

当然，您可以在这里使用您喜欢的任何 ID。您也可以使用类而不是 ID，但 ID 更好specificity。

【讨论】：

【解决方案2】：

您可以简单地在该特定页面的顶部甚至该行进行更改。只需将打开和关闭样式标签放在正文标签上方，并在它们之间插入规则声明。这将覆盖链接的样式表。

【讨论】：