Вот так можно задать сами стили в зависимости от значения data-* атрибута:
[data-size="large"] {
padding: 2rem;
font-size: 125%;
}
А можно ли в зависимости от значения data-* атрибута задать класс?
Например, чтобы для элемента с атрибутом data-size="large" задавался класс "my-class-large".