css属性之前/之后的动态内容

Question

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

<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);
}

Answer 1

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