Html 使用数据属性设置伪元素的背景图像

是否有一种方便的方法通过数据属性设置伪元素的背景图像

我正在尝试实现类似的功能，但我希望能够通过我的CMS在标记中设置背景图像：

。全宽{
背景色：#ededed；
宽度：100%；
位置：相对位置；
z指数：-1；
}
.全宽：后{
内容：''；
显示：块；
位置：绝对位置；
宽度：50%；
身高：100%；
左：50%；
排名：0；
背景图像：url（//unsplash.it/1080/1920）；
背景尺寸：封面；
背景位置：左中；
z指数：-1；
}
.全宽.集装箱{
z指数：99；
}

测试123
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作

现在，这是不可能的。希望在未来。使用该函数，可以从元素中获取属性值。当使用伪元素时，它从原始元素获取属性。因此，您可以执行

background image:attr（'data-bg''url'）

来获取

data-bg

属性并将其视为url

不幸的是，这在任何浏览器中都不受支持，并且仍然是规范的实验部分（可能会被删除）

。全宽{
背景色：#ededed；
宽度：100%；
位置：相对位置；
z指数：-1；
}
.全宽：后{
内容：''；
显示：块；
位置：绝对位置；
宽度：50%；
身高：100%；
左：50%；
排名：0；
背景图像：attr（'data-bg'url'）；
背景尺寸：封面；
背景位置：左中；
z指数：-1；
}
.全宽.集装箱{
z指数：99；
}

测试123
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作

根据CSS函数的，您只能在

内容

规则中使用

attr

返回的值（如果您想要任何形式的跨浏览器支持）

---

因此，如果您想实现与您希望的类似的东西，您需要使用JavaScript，因为

attr

不能在

后台使用
哇，我刚刚得到了忍者d。我会给出您的两个答案；）那些重复的标记是怎么回事？这显然与他们所链接的内容不太相似？