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

3 votes193 views3 answers
Can you control another div on hover css
CSS
0 vote186 views1 answer
Colored button link
CSS
0 vote198 views1 answer
Bootstrap accordion some change
CSS
5 votes143 views1 answer
Bootstrap darkmode
CSS
13 votes224 views6 answers
Hide title bar android
CSS
2 votes189 views10 answers
Css
CSS
2 votes243 views1 answer
How to make html element not selectable
CSS
0 vote190 views1 answer
Change option tag css
CSS
0 vote467 views1 answer
Style scrollbar table
CSS
6 votes220 views6 answers
Css text highlight
CSS