动态CSS内容填充

Question

我从"Dynamic" CSS id names? How to add them to the CSS file?知道您可以拥有以下内容：

<div id="vote_score_72">

<style>
div[id^=vote_score] {
    color: #f00;
    /* and so on... */
}
</style>

这允许动态css节名称，但不允许动态内容。

有没有办法可以说...

<div id="vote_score_fff">

<style>
div[id^=vote_score] {
    color: #(/vote_score_[.*]/);
    /* and so on... */
}
</style>

style元素的属性是由对象本身的名称决定的？在这种情况下，使用div元素的id的子字符串，尝试通过正则表达式的正则表达式获取，以确定它的颜色。

Answer 1

通过W3C和MDN，显然您无法使用color css属性执行此操作。甚至在CSS3中。

因此你需要动态地做到这一点。

使用JS

el.style.color = "#" + el.id.match(/[^_]+$/)[0];

Working fiddle

Answer 2

不，你不能用纯CSS做到这一点。但您可以使用JavaScript来处理此问题。