JSFiddle - React, Tailwind, and code Playground

by sp00n82

HTML

<div class="element-div element-div-one">
One
</div>

<div class="element-div element_div-two">
Two
</div>

<div class="element-div element-div-three">
Three
</div>

CSS

div {
  width: 100px;
  margin: 10px;
  padding: 5px;
  border: 1px solid #888;
}

div[class*=' element-div-'] {
  background-color: yellow;
}

/*
div[class|="element_div"] {
  background-color: red !important;
}


div[class^='element-div-'] {
  background-color: green;
}

div[class|="element-div"] {
  background-color: blue !important;
}
*/