JSFiddle - React, Tailwind, and code Playground

by pxfunc

HTML

<div class="test"></div>

CSS

.test {
    background-color:red;
    font-size:20px;
    -custom-data1: "value 1";
    -custom-data2: 150;
    -custom-css-information: "lorem ipsum";

}

JavaScript

var css = document.styleSheets, 
    rules;

for (var i in css) {
    if (typeof css[i] === "object" && css[i].rules || css[i].cssRules) {
        rules = css[i].rules || css[i].cssRules;
        for (var j in rules) {
            if (typeof rules[j] === "object") {
                if (rules[j].selectorText) {
                    if (rules[j].selectorText.indexOf('.test') > -1) {
                        console.log(rules[j].cssText);
                        $('.test').html(rules[j].cssText);
                    }
                }
            }
        }
    }
}