Что лучше использовать в CSS?
Атомарный css на новый лад))


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