在CSS样式中使用自定义标记属性值

Question

本质上我要做的是创建一个CSS样式，它可以使用自定义标记属性的值作为它们的值。我已经读过“attr（）”函数，它似乎只在以下内容属性中工作：在/之后选择器。基本上我想做类似以下的事情：

HTML

<span fgprop="#ff0000">Some Text</span>
<span fgprop="#00ff00">Other</span>

CSS

span {
    color : attr(fgprop);
}

我现在正在使用的替代方法是使用jQuery css（）来设置每个跨度的颜色及其fgprop attr值，但这似乎非常笨重，因为这种方法不会自动响应fgprop属性的变化。 CSS似乎是最好的地方，因为它只是一个演示级别的转换。

有办法做到这一点吗？ （现在我只针对webkit，所以某种特定于-webkit的扩展适用于我的用例，如果这很重要的话）。提前谢谢！

Answer 1

这种情况不正是内联样式的用途：

<span style="color:#ff0000">Some Text</span>
<span style="color:#00ff00">Other</span>

如果您要将颜色指定为单个元素的属性，那么为什么要让样式表尝试引用回fgprop属性来使其过度复杂化？样式属性与生成服务器端一样容易，并且同样易于更新客户端。