Css html attribut

<div class='dynamic-color' data-assigned-color='red'>lorem ipsum</div>
<div class='dynamic-color' data-assigned-color='blue'>lorem ipsum</div>
<div class='dynamic-color' data-assigned-color='green'>lorem ipsum</div>

.dynamic-color {
    color: [data-assigned-color];
}

Source: stackoverflow.com

Similar codes

0 vote150 views1 answer
Awesome font google icon colored css
CSS
202 votes330 views6 answers
How to reference a css file in html
CSS
0 vote150 views1 answer
Add pseudo buttons
CSS
1 vote138 views1 answer
Insert background image css error
CSS
0 vote142 views1 answer
Countload on pageloading in html css
CSS
12 votes155 views2 answers
Other children than first css
CSS
2 votes175 views1 answer
Material design css
CSS
0 vote189 views1 answer
Matplotlib doesn't plot [<matplotlib.lines.Line2D at 0x7f3543b113a0>]
CSS
0 vote187 views1 answer
How To target a particular td in css
CSS
0 vote152 views1 answer
Line circle in css
CSS