Как я могу использовать атрибут данных для установки фонового изображения в CSS?

У меня есть папка с несколькими фоновыми изображениями (one.jpg, two.jpg, three.jpg) и эта разметка

<section class="slide" data-bg="one"></section>
<section class="slide" data-bg="two"></section>
<section class="slide" data-bg="three"></section>

Можно ли как-то просто с помощью CSSсделать что-то подобное?

.slide{
    background-image: url(img/attr(data-bg).jpg);
}

Этот код, конечно же, не работает.