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 vote335 views2 answers
Toast js
CSS
0 vote281 views1 answer
Before width not working
CSS
10 votes293 views3 answers
Hiding text css and leaving whitespace
CSS
0 vote285 views2 answers
Css align image bottom
CSS
7 votes261 views1 answer
Dashed css
CSS
0 vote295 views1 answer
Add more than 2 css jquery
CSS
0 vote286 views1 answer
Fullcalendar react
CSS
0 vote342 views1 answer
Keeping text to be in one line
CSS
0 vote270 views2 answers
How to remove default look of button
CSS
50 votes270 views6 answers
Css align center
CSS