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

1 vote118 views3 answers
Read more dots css
CSS
0 vote77 views2 answers
Image horizontal scrolling in html
CSS
3 votes122 views4 answers
Transparent button css
CSS
0 vote133 views1 answer
Javavscript use .filter to return odd numbers in an array
CSS
72 votes131 views4 answers
White rgb color
CSS
0 vote112 views1 answer
How to add style .css in wp
CSS
-1 vote127 views3 answers
Css counter
CSS
4 votes119 views2 answers
Display flex column width auto
CSS
0 vote123 views1 answer
Add backdrop to modal css
CSS
0 vote119 views1 answer
Limit number of text lines
CSS