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 vote150 views1 answer
Border-bottom smaller div
CSS
0 vote140 views1 answer
Chrome developer tools css customize
CSS
0 vote174 views1 answer
Css top right corner
CSS
0 vote142 views1 answer
Tail block css
CSS
0 vote201 views1 answer
Scss ::after
CSS
0 vote145 views1 answer
Bootstrap-navbar-container-fluid
CSS
0 vote152 views1 answer
Css efeito negativo fotos
CSS
2 votes140 views1 answer
Css click effect
CSS
1 vote148 views2 answers
Border for text in html
CSS
0 vote143 views1 answer
Get size of each file and folder in a directory
CSS