JSFiddle - React, Tailwind, and code Playground

HTML

<div class="red">

  <div class="lightblue">
  </div>
  
</div>

CSS

body {margin:0;}
.red {
  width:100%;
  height:500px;
  background-color:red;
  position:relative;
}

JavaScript

var div = document.querySelector(".lightblue").style.cssText;

var style = [
	"background-color:blue;",
    "width:100px;",
    "height:100px;"
];

var x = "";

for(var i = 0; i < style.length; i++) {
	console.log(x += style[i]);
	x += style[i];
}
div = x;