JSFiddle - React, Tailwind, and code Playground

by Igor_Ivancha

HTML

<div class="product" id="product-20625055">Product 1</div>
<div class="product" id="product-66980342">Product 2</div>
<div class="product" id="product-54722210">Product 3</div>
<div class="product" id="image-54722210">Product 5</div>
<div class="product" id="image-54722210">Product 6</div>

CSS

#product-20625055 { background-color: #FC0; }
#product-66980342 { background-color: #0CF; }
#product-54722210 { background-color: #F0C; }
div.product[id*="product-"] {
  background-color: green!important;
}
div.product[id*="image-"] {
  background-color: red;
}