我有以下代码可用于将动态内容添加到 :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);
}
最佳答案
除原始元素的属性外,您不能使用其他元素的内容。 如果你不想使用 javascript,你可以 use url() inside css content而是从您的服务器动态加载图像。
关于html - css 前/后属性的动态内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21753401/