JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dim color">
  <div class="sub-dim ack">
  
  </div>
  <div class="sub-dim ping">
  
  </div>
  <div class="sub-dim">
  
  </div>
</div>

CSS

.color{
  background-color:teal;
}

.dim{
  width: 200px;
  height: 200px;
}

.sub-dim{
  width: 50px;
  height:50px;
  border: solid 1px white;
}
.ping {
  background-color: cyan;
}

.ack {
  background-color: red;
}

JavaScript

$(function(){
	console.log("fired");
  $("div").each(function(){
  	console.log($(this).attr("class"));
    console.log($(this).css("background-color"))})
})