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

6 votes326 views4 answers
Disable click css
CSS
3 votes329 views2 answers
Image overlay in css
CSS
116 votes318 views6 answers
How to hide the scrollbar in css
CSS
5 votes315 views5 answers
Min padding
CSS
8 votes379 views2 answers
How to add border in css
CSS
2 votes300 views1 answer
Multiple nth child css
CSS
0 vote330 views1 answer
Secltor for parent li css
CSS
0 vote330 views3 answers
Assignment 1
CSS
0 vote339 views1 answer
Prevent css animation reset
CSS
12 votes393 views1 answer
Css curve table border
CSS