fix: parsing classNames

Author: DESKTOP-939248N\apple

docs/test.html

@@ -59,7 +59,7 @@ <h1 class="color:white:dark color:yellow:light">hello how are you</h1>
         <a data-toggle="dark, light" data-toggle_target="[theme]" data-toggle_attribute="theme">Toggle Darkmode</a>
     </div>
 
-    <div class="display:flex flex-wrap:wrap align-items:center flex-direction:row-reverse" className="test"></div>
+    <div class="display:flex flex-wrap:wrap align-items:center flex-direction:row-reverse" className="test">hehehe</div>
     <div class="test"></div>
     <div class="test"></div>
 

src/index.js

@@ -107,7 +107,7 @@ const getParsedCss = () => {
 const parseCSSForClassNames = () => {
     let elements = document.querySelectorAll("[className]");
     for (let ele of elements) {
-        let rule = "." + ele.getAttribute("className") + "{" + ele.getAttribute("class") + "}";
+        let rule = "." + ele.getAttribute("className") + "{" + ele.getAttribute("class").replace(/ /g, ";") + "}";
         tempStyleList.push(rule);
     }
 }