Как прописать CSS для элемента с аттрибутом: data-drupal-link-system-path="<front>" ? Как вообще HTML5 работает?

Аватар пользователя tlito tlito 15 августа 2016 в 3:09

д8 создает необычные ссылки с вот такими длинными аттрибутами data-drupal-link-system-path, куда вставляет урл:
data-drupal-link-system-path="<front>"

как мне прописать css такой ссылки
<a href="/" data-drupal-link-system-path="&lt;front&gt;">Начало</a>

.menu--main ul li a[data-drupal-link-system-path="<front>"] {background:red;}
как правильно синтаксис ксс использовать?

в гугл я понял что в HTML5 добавлены custom attributes data-*, но не дочитал как их в ксс правильно называть и описывать

Лучший ответ

Аватар пользователя tlito tlito 15 августа 2016 в 13:35

этот атрибут, который добавляет ядро д8, без доп модулей -- удобен для точной настройки пунктов меню.
есть модуль https://www.drupal.org/project/menu_link_attributes но если уже есть атрибуты, зачем перегружать сайт еще одним модулем?
проверил, действительно работет, кнопка Главная (ссылка на <front>) стала с черным фоном:

.menu--main ul li a[data-drupal-link-system-path="<front>"] {background:black;color:#FFF;}

Комментарии

Аватар пользователя gun_dose gun_dose 15 августа 2016 в 6:35

Обычно такие атрибуты задаюи, чтобы использовать их в джаваскрипте, а на цсс они не влияют

Аватар пользователя tlito tlito 15 августа 2016 в 13:35

этот атрибут, который добавляет ядро д8, без доп модулей -- удобен для точной настройки пунктов меню.
есть модуль https://www.drupal.org/project/menu_link_attributes но если уже есть атрибуты, зачем перегружать сайт еще одним модулем?
проверил, действительно работет, кнопка Главная (ссылка на <front>) стала с черным фоном:

.menu--main ul li a[data-drupal-link-system-path="<front>"] {background:black;color:#FFF;}