JSFiddle - React, Tailwind, and code Playground

by Mark Coleman

HTML

<div>
    <div id="content">
    </div>
</div>
<ul/>

CSS

div
{
    background-color:black;
}
#content{
    height:50px;
    width:50px;
}
div > div
{
    border: solid 1px red;
}

JavaScript

var myElement = $("#content");

for (var x = 0; x < document.styleSheets.length; x++) {
    var rules = document.styleSheets[x].cssRules;
    for (var i = 0; i < rules.length; i++) {
        if (myElement.is(rules[i].selectorText)) {
            $("ul").append("<li>" + rules[i].selectorText + "</li>");
        }
    }
}