html - CSS Before/After属性的动态内容

我有以下代码可用于将动态内容添加到：before和：after content属性

<p data-before="World">Hello</p>

p:after {
    content: ' ' attr(data-before);
}

有没有办法从另一个元素添加属性的内容。。。
像这样的东西，虽然这不起作用！

<p data-before="World">Hello</p>
<div data-before="People"></div>

p:after {
    content: ' ' div:attr(data-before);
}

最佳答案

除了原始元素的属性之外，不能使用其他元素的内容。
如果不想使用javascript，则可以use url() inside css content从服务器动态加载图像。

关于html - CSS Before/After属性的动态内容，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21753401/