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

28 votes328 views3 answers
Google font roboto
CSS
0 vote328 views1 answer
Webpack how to disable warning when run build
CSS
0 vote374 views1 answer
Edge ontouchmove does not work correctly
CSS
0 vote346 views1 answer
Install webpack encore
CSS
1 vote308 views1 answer
Kommentar css
CSS
1 vote327 views1 answer
Html minimum width
CSS
71 votes254 views17 answers
Box -shadow
CSS
27 votes349 views3 answers
Keyframe in css
CSS
0 vote332 views1 answer
React bootstrap css module use media query mixin
CSS
0 vote332 views1 answer
Css clip
CSS