Css 从不同页面引用特定类

Css 从不同页面引用特定类,css,shopify-template,Css,Shopify Template,使用Shopify运行站点。对平台有限制 要特别设置一个类的样式,该类将标记为div中的特定ID div类pplr包装是逐页重复的。然而,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;

使用Shopify运行站点。对平台有限制

要特别设置一个类的样式,该类将标记为div中的特定ID

div类pplr包装是逐页重复的。然而,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;
}

无法对其进行任何更改

我不确定我是否正确理解您的意思,但此答案假设您只想在跨距位于唯一id内时将其作为目标

这看起来像是一个不必要的长选择器,我认为您的错误可能是属性选择器span[class应该是span[class]中有一个空格,但我认为您可以将选择器简化为:


1947011350631。pplr下降项目。_pplr_1.6_kW_evga{}

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

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

divpplr-1947011350631.product-personalizer.pplr_background div.pplr-wrapper.pplr-power-supply span[class^=pplr drop item\u pplr_1.6_kwat_evga]

谢谢你的回复。我刚刚设法自己解决了它。用这种方式说出来divpplr-1947011350631.product-personalizer.pplr_background div.pplr-wrapper.pplr-power-supply span[类别^=pplr下降项目_pplr_1.6_千瓦_evga]