如何混合网址字符串＆amp; CSS内容属性中的属性值？

Question

我需要使用CSS content属性＆amp;显示与其旁边的每个项目对应的图像。 :before伪选择器。

如何以有效的工作方式执行以下操作：

content: url("http://example.com/images/" + attr(title));

在网址

显示图片

 "http://example.com/images/523452345"

以上不起作用！

Answer 1

不可能这样做，这是规范，你不能将attr（）放在url（）里面，它们只能互相跟随。

content: normal | none | 
         [ <string> | <uri> | <counter> | attr() |
           open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit


div:before {
    content: url("http://example.com/image.jpg") attr(title);
}