html - 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而是从您的服务器动态加载图像。