15 августа 2016 в 3:09
д8 создает необычные ссылки с вот такими длинными аттрибутами data-drupal-link-system-path, куда вставляет урл:
data-drupal-link-system-path="<front>"
как мне прописать css такой ссылки
<a href="/" data-drupal-link-system-path="<front>">Начало</a>
.menu--main ul li a[data-drupal-link-system-path="<front>"] {background:red;}
как правильно синтаксис ксс использовать?
в гугл я понял что в HTML5 добавлены custom attributes data-*, но не дочитал как их в ксс правильно называть и описывать
Комментарии
Обычно такие атрибуты задаюи, чтобы использовать их в джаваскрипте, а на цсс они не влияют
этот атрибут, который добавляет ядро д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;}