Как организовать точечное применение стиля на конкретной странице?

Question

[oink]

Посоветуйте, пожалуйста, что-нибудь. Нужно применить стиль по такому вот селектору:

.category-sub-menu>li[data-depth='0']:nth-child(12) {
    border-bottom: 8px double #630335;
}

, т.е. к конкретному-преконкретному li.

Проблема в том, что надо его применить на конкретной странице, т.к. условия следующие:
1) Это кусок кода для меню каталога товаров, и если перейти в какую-нибудь подкатегорию, то этот стиль будет применяться уже к менюшке, которая будет выводиться для последней открытой подкатегории. Как нетрудно догадаться, структура документа для новой менюшки будет полностью идентична, а никаких id и классов для li внутри нет. Соответственно, более точный селектор задать нельзя;
2) Сайт на CMS (Prestashop), соответственно, прямого доступа к HTML нет, чтобы задать id/класс, всунуть style или вписать в head дополнительный файл со стилями.

Погуглил, узнал, что можно сделать реализацию при помощи js, но в нём я знаю только, как задавать переменные. Не могу понять, как мне сделать getElementsByЧтоНибудь с таким селектором. Пробовал и так, и сяк на базе примеров других авторов, ничего не вышло.
Также видел решение на @document для CSS, но оно не поддерживается практически никак, хотя было бы очень кстати.
За меня можете не писать код, я не прошу решение на блюдечке. Подскажите хотя бы, в каком направлении рыть. Спасибо.

Comments

[WapSter]

Почти у каждой cms в элемент body вставляется уникальный класс страницы

[oink]

Тимур Турсунбаев, по идее, Prestashop вставляет id для разных типов контента: "category" для каталога, "cms" для кастомных страниц, "product" для товаров и так далее. Но один уровень каталога от другого не отличается с его точки зрения. Кроме того, пробовал получить полный путь до элемента с помощью инспектора в Хроме, они совпадают для всех уровней.

[WapSter]

oink, тогда js вам тут особо не поможет, ему ведь тоже нужно цепляться к селектору, а проверку для нужной страницы придется делать через регулярки, к сожалению я в них особо не разбираюсь может кто-нибудь подскажет. Самый лучший вариант из бекенда задавать уникальный селектор.

[Сергей delphinpro]

Сайт на CMS (Prestashop), соответственно, прямого доступа к HTML нет,

Что за ерунду вы пишете?
Откуда тогда там вообще берется код страниц?
Может стоит просто открыть документацию и почитать?

[oink]

Сергей delphinpro, насколько я понимаю, он генерируется PHP. Выучить его, как и разобраться в талмуде под названием мануал, в данном конкретном случае менее целесообразно, чем узнать, как правильно применяется команда, которая является частью кода из 2 строчек.

[Сергей delphinpro]

oink, c вашей личной точки зрения может и нецелесообразно.

Но что по настоящему косячно (только не подумайте, что хочу вас обидеть) — это нанимать некомпетентного разработчика. Сегодня один костыль, завтра другой, через полгода это УГ станет невозможно поддерживать. Сколько я таких сайтов видел, вы не представляете...

[oink]

Сергей delphinpro, я вообще инженер по образованию. По факту что-то среднее между менеджером и эникейщиком. Работа такая, сейчас переучиваюсь на верстальщика, т.к. самого этот абсурд утомил.

Answer 1

[Ragtime Kitty]

Как организовать точечное применение стиля на конкретной странице?

if (document.location.href === "нужная страница") {
	document.querySelector(".category-sub-menu > li[data-depth='0']:nth-child(12)").style.cssText = "border-bottom: 8px double #630335;";
}

Жесть какая-то, ну это на вашей совести.

Comments

[oink]

Большое спасибо, работает!
Если не секрет, почему жесть? Я не обижусь, хочу учиться.

[Ragtime Kitty]

oink, этот стиль нужно задавать через классы, а не такой сложный селектор, еще и через JS. Не будете же вы каждый раз скриптами пользоваться, чтобы стили менять? Посмотрите лучше свою CMS или php файлы, это можно сделать просто через css

[oink]

Ragtime_Kitty, PHP знаю на недостаточном уровне пока. Это в планах, но не первостепенное, когда-нибудь и до него руки дойдут.

[Ragtime Kitty]

oink, вам сам PHP и не нужен, только html фрагменты в файлах.php