Wie kann ich ein Datenattribut verwenden, um ein Hintergrundbild in CSS festzulegen?

Ich habe einen Ordner mit einigen Hintergrundbildern (one.jpg, two.jpg, three.jpg) und diesem Markup

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

Wäre es irgendwie möglichnur mit CSS so etwas zu tun?

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

Dieser Code funktioniert natürlich nicht.

Antworten auf die Frage(2)

Ihre Antwort auf die Frage