如何使用data属性在CSS中设置背景图像？

@H_674_1@我有一个文件夹有几个背景图片(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);
}

这个代码当然不工作.

.slide[data-bg="one"]{
  BACkground-image: url('img/one.jpg');
}
.slide[data-bg="two"]{
  BACkground-image: url('img/two.jpg');
}
...