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

5 votes179 views2 answers
Move to last commit
CSS
3 votes149 views1 answer
Learn css animation
CSS
2 votes160 views2 answers
Css rotate 180 degrees
CSS
0 vote157 views1 answer
How to change logo size in wordpress
CSS
3 votes134 views1 answer
Css edit scroll bar
CSS
1 vote137 views1 answer
SCSS Breakpoints
CSS
0 vote136 views1 answer
Medim size mat form field
CSS
0 vote146 views1 answer
Horizontal rule plus text
CSS
0 vote137 views1 answer
Studio 3t restore snapshot
CSS
0 vote141 views1 answer
Also define the standard property 'border-radius' for compatibility css(vendor prefix)
CSS