Динамическое содержимое 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> 

Если атрибут элемента стиля определяется именем самого объекта? В этом случае, используя подстроку id элемента div, пытались получить с помощью подстрочной формы регулярного выражения, чтобы определить его цвет.

Answer 1

Пройдя через W3C и MDN, ясно, что вы не можете этого сделать, используя color css. даже в CSS3.

Следовательно, вам нужно сделать это динамически.

Использование JS

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

Working fiddle

Answer 2

Нет, вы не можете сделать это только с чистым CSS. Но для этого вы можете использовать JavaScript.