Ссылка на конкретный класс с другой страницы

Question

Использование Shopify для запуска сайта. Есть ограничения на платформе.

Хотите специально стилизовать класс, который помечается для определенного идентификатора внутри div.

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 только тогда, когда он находится внутри этого уникального идентификатора.

Это выглядит как ненужный длинный селектор (и я думаю, что ваша ошибка может заключаться в том, что у вас есть пробел внутри селектора атрибута (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"]