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

51 votes201 views4 answers
Style scrollbar
CSS
1 vote238 views1 answer
How to make border blur css
CSS
0 vote328 views1 answer
Top down gradient css on body
CSS
0 vote228 views2 answers
Animate zoom in and zoom out in css
CSS
1 vote221 views1 answer
Display in flexbox
CSS
1 vote213 views1 answer
Text-shadow
CSS
0 vote209 views1 answer
Change the arrow during click css
CSS
2 votes186 views2 answers
Carousel css
CSS
70 votes199 views6 answers
Center in css
CSS
8 votes281 views3 answers
Bootstrap 4 center image
CSS Bootstrap