我试图使用基于动态值的自定义属性,例如attr().
例如,在下面的代码中,我尝试根据当前元素的id属性访问两个自定义属性.
:root{
--app-foo: 'Hello';
--app-bar: 'World';
}
div::after{
/* expected :
'Hello' for #foo
'World' for #bar */
content: var('--app-'attr(id));
}<div id="foo"></div>
<div id="bar"></div>但它显然失败了.
有没有办法实现这个目标？