¿Cómo puedo usar un atributo de datos para establecer una imagen de fondo en CSS?

Tengo una carpeta con algunas imágenes de fondo (one.jpg, two.jpg, three.jpg), y este marcado

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

¿Sería posible de alguna manera?solo con CSS hacer algo como esto?

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

Este código no funciona, por supuesto.

Respuestas a la pregunta(2)

Su respuesta a la pregunta