Magento 如何仅为产品页面自定义 "price" 字体大小

Magento How to custom "price" font size for product page only

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

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

您可以保持 CSS 合并,并且仍然这样做。在产品页面的正文标签中添加 ID:

<body id="pgProducts">

或者换行内容

<div id="pgProducts">

然后您可以在 "over-ride" 选择器中使用它

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

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

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