JSFiddle - React, Tailwind, and code Playground

by Daniel Tan

HTML

<div data-color="red">Test</div>

CSS

div[data-color="red"] {
    color: red;
}

div[data-color="blue"] {
    color: blue;
}

JavaScript

var div = document.querySelector('div');
console.log(div.dataset.color);
div.dataset.color = 'blue';
console.log(div.dataset.color);