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

33 votes157 views5 answers
Css strikethrough html text
CSS
114 votes192 views6 answers
Hide scrollbar css
CSS
1 vote162 views2 answers
Overflow-x hidden not working
CSS
8 votes166 views1 answer
Reset submit btn style
CSS
0 vote134 views1 answer
Responsive slider with text animation codepen
CSS
34 votes191 views2 answers
Center a class css
CSS
0 vote185 views1 answer
CSS logo left and navigation right
CSS
9 votes193 views2 answers
Semibold css
CSS
80 votes197 views2 answers
Text-transform
CSS
0 vote178 views1 answer
Bootstrap 3 progress bar animation
CSS