从不同页面引用特定类答案

【问题标题】：Referencing to specific class from different page从不同页面引用特定类
【发布时间】：2019-03-09 16:42:23
【问题描述】：

使用 Shopify 运行网站。在平台上有限制。

想要专门为一个标记为 div 中特定 ID 的类设置样式。

div 类 pplr-wrapper 是逐页重复的。但是 div id 和 data-id 在页面之间是唯一的，因此是专门针对的。

尝试使用下面的 CSS 代码对其进行样式化

div#1947011350631 div.pplr-wrapper.pplr-power-supply span[ class^="pplr-drop-item _pplr_1.6_kilowatt_evga"] {
color: red;
}

无法对其进行任何更改

【问题讨论】：

标签： css shopify-template

【解决方案1】：

我不确定我是否正确理解了您，但此答案假定您只想将 span 定位在该唯一 ID 内。

这看起来像一个不必要的长选择器（我认为你的错误可能是属性选择器中有一个空格（span[ class 应该是span[class），但我认为你可以将选择器减少到这个：

#1947011350631 .pplr-drop-item._pplr_1.6_kilowatt_evga {}

【讨论】：

感谢您的回复。我只是设法自己解决了。这么叫div#pplr-1947011350631.product-personalizer.pplr_background div.pplr-wrapper.pplr-power-supply span[ class^="pplr-drop-item _pplr_1.6_kilowatt_evga"]

【解决方案2】：

自己解决了。用下面的代码调用它

div#pplr-1947011350631.product-personalizer.pplr_background div.pplr-wrapper.pplr-power-supply span[ class^="pplr-drop-item _pplr_1.6_kilowatt_evga"]

【讨论】：