Como posso usar um atributo de dados para definir uma imagem de plano de fundo em CSS?

Eu tenho uma pasta com algumas imagens de fundo (one.jpg, two.jpg, three.jpg), e esta marcação

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

Seria possível de alguma formaapenas com CSS fazer algo assim?

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

Este código não está funcionando, é claro.

questionAnswers(2)

yourAnswerToTheQuestion