从不同的页面引用特定的类

Question

使用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;
}

无法对其进行任何更改

Answer 1

我不确定我是否正确理解您，但是此答案假设您仅当span位于唯一ID内时才将其定位。

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

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

Answer 2

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

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