7GIT
@7GIT

Что лучше использовать в CSS?

Вот демо одного WP шаблона. Обратите внимание, на тег header, если его развернуть то далее идут два тега div а атрибутоми вместо классов.

<div data-row="middle" data-columns="3" data-transparent-row="yes">


И мне интересно, в каких случаях целесообразно использовать [data-device="..."] вместо классов .header_top?
Если посмотреть, код шаблона, то в основном можно увидеть в СSS такие конструкции [data-item="type"].
  • Вопрос задан
  • 153 просмотра
Решения вопроса 1
Get-Web
@Get-Web Куратор тега CSS
Front-End Developer
Атомарный css на новый лад))
5f9cdd3e697a5687273341.jpeg

А если серьезно, то тоже пытаюсь внедрять дата атрибуты ради эксперимента, но не как атомарный css, это слишком. Был проект там для итемов было много разных анимаций я использовал атрибут для визуального выделения и чтобы бекендщику было понятнее как ему менять эти анимации. [data-case-animate="12"] {...}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Igor_307
@Igor_307
Фрилансер
Я использую дата атрибуты как селекторы для js скриптов, что бы стили висели на классах, а функционал на атрибутах.
Плюс один и тот же атрибут может выполнять разные действия, например
data-modal="open"
 data-modal="close"

атрибут один, но значения разные
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы