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

25 votes247 views3 answers
How to add spaces between text in html
CSS
2 votes192 views1 answer
Alignitems
CSS
0 vote241 views1 answer
Bootstrap-navbar-container-fluid
CSS
0 vote271 views3 answers
Add custom css to wordpress menu item
CSS
23 votes237 views4 answers
Css gradient border
CSS
5 votes218 views1 answer
Disregard incoming git pull and return to last commit
CSS
0 vote221 views1 answer
Absolute vertical middle quasar
CSS
1 vote221 views1 answer
Spaces between letters css
CSS
2 votes248 views2 answers
Read properties from css file
CSS
0 vote244 views1 answer
Css media query gist
CSS