JSFiddle - React, Tailwind, and code Playground

by alirokni

HTML

<!--
https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors
-->
<div value="one" type="two" class="five" id="three" data="four">One</div>
<div value="One" type="Two" class="Five" id="Three" data="Four">Two</div>

CSS

[value="one" i] {
  color: brown
}

[type="two" i] {
  /* apply indifferently */
  color: red
}

[class="five" i] {
  color: green
}

[id="three"] {
  color: blue
}

[data="four" i] {
  color: gray
}