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 vote296 views1 answer
Bootstrap scrollable modal
CSS Bootstrap
4 votes289 views2 answers
Border dot css
CSS
0 vote318 views1 answer
Css file path
CSS
0 vote248 views1 answer
Punderline none
CSS
0 vote241 views1 answer
Text align in materialize css
CSS
17 votes239 views1 answer
Variables scss en calc()
CSS
0 vote243 views1 answer
How to use css transform matrix
CSS
0 vote239 views1 answer
What is bulletproof buttons
CSS
15 votes259 views6 answers
Hr css
CSS
0 vote230 views1 answer
Css only style horizontal scrollbar
CSS