Как вывести содержимое нескольких атрибутов Data-* в одном Content
Всё проще простого: указываем в значении свойства content
несколько функций attr()
, которым передаём соответствующие атрибуты:
<div class="test" data-first="one" data-second="two" data-third="three"></div>
div.test::after {
content: attr( data-first ) " + " attr( data-second ) " + " attr( data-third );
}