JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test test2">hey now!!!</div>

CSS

.test {
    width:250px;
height:35px;
top:233.23px;
left:33.12px;

font-size:16px;
font-weight:600;    
}

.test2{
  background-color:#ffffoo;
}

JavaScript

var styleClassRegEx = "\\.MURTHY(.)*{"; 
var classNamePattern = new RegExp(styleClassRegEx, 'gi'); 
	
	var fileContent = ".MURT1HY1{left:33.12px; font-size:16px; font-weight:600;} .MURTHY{width:250px; height:35px; top:233.23px; left:33.12px; font-size:16px; font-weight:600;} .MURTHY1{left:33.12px; font-size:16px; font-weight:600;}";
	var resArr = fileContent.match(classNamePattern);
 	while(isNotEmpty(resArr) && resArr.index!=-1){ //Match found.
 		//Find start index.
 		var resStartIndx = resArr.index;
 		var braceIndx = fileContent.indexOf("{",resStartIndx);
 		//Get Valid End Indx.
 		var resEndIndx = getEndIndxByBraceMatch(fileContent, braceIndx);
 		//Capture the view Model.
 		var classContent = fileContent.substring(resStartIndx, resEndIndx).trim();
    alert(classContent);
 		var optionPairArr = classContent.split(";");
 		for(var i=0; i<optionPairArr.length; i++){
 			var keyValArr = optionPairArr[i].split(":");
 			var key = keyValArr[0];
 			var value = keyValArr[1];
      alert(key+" <key value> "+value);
 			//Further processing....
 		}
 		fileContent = fileContent.substring(0,resStartIndx)+fileContent.substring(resEndIndx);
 		//Re-evaluate pattern.
 		resArr = fileContent.match(classNamePattern);
 	}