css - 動的 CSS コンテンツフィル

Question

「動的」CSS id 名から知っていますか? それらをCSSファイルに追加する方法は? 次のものを持つことができます。

<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>

スタイル要素の属性は、オブジェクト自体の名前によって決定されますか? この場合、div 要素の id の部分文字列を使用して、色を決定するために正規表現の劣悪な形式を介して取得しようとしました。

score 1 · Accepted Answer

W3CとMDNを調べてみると、 colorcss プロパティを使用してそれを行うことができないことは明らかです。CSS3でも。

したがって、それを動的に行う必要があります。

JS の使用

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

score 0 · Accepted Answer

いいえ、純粋な CSS だけではできません。ただし、JavaScript を使用してこれを処理できます。

css - 動的 CSS コンテンツ フィル