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 vote255 views1 answer
Text flow top to bottom
CSS
0 vote298 views1 answer
Backface-visibility: hidden;
CSS
0 vote254 views1 answer
Color custom css use in laravel
CSS
3 votes283 views4 answers
Keep aspect ratio of image css
CSS
-1 vote269 views1 answer
Footer css
CSS
175 votes370 views6 answers
Css image background
CSS
0 vote330 views1 answer
Protéger les fichiers .htaccess et .htpasswds
CSS
1 vote268 views1 answer
Angular headers for enc type
CSS
0 vote283 views1 answer
Css opacité fond mais pas texte
CSS
3 votes268 views2 answers
Css for internet explorer only
CSS