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 vote219 views1 answer
Elementsone after other css
CSS
0 vote216 views1 answer
Materialize css form file input
CSS
38 votes213 views3 answers
Css breakpoints
CSS
11 votes239 views5 answers
Css affect other elements on hover
CSS
0 vote167 views1 answer
Sticky form look blurred
CSS
0 vote222 views2 answers
Deployer custom Options
CSS
0 vote219 views1 answer
Font size clamp generator
CSS
7 votes206 views1 answer
Show hand icon on hover javascript
CSS
0 vote216 views1 answer
Align icon to top right corner of div
CSS
0 vote219 views2 answers
Mask image css
CSS