JSFiddle - React, Tailwind, and code Playground

HTML

<div id="testdiv" style="top: 10px;">test</div>

CSS

div { top: 20px !important; position : absolute;}
#testdiv { top: 30px; }

JavaScript

var debug = true;

        /**
         * Get the css rules of a stylesheet which apply to the htmlNode. Meaning its class
         * its id and its tag.
         * @param CSSStyleSheet styleSheet
         * @param HTMLElement htmlNode
         */
        function getCssRules(styleSheet, htmlNode) {
            if ( !styleSheet )
                return null;

            var cssRules = new Array();
            if (styleSheet.cssRules) {
                var currentCssRules = styleSheet.cssRules;
                // Import statement are always at the top of the css file.
                for ( var i = 0; i < currentCssRules.length; i++ ) {
                    // cssRules all contains the import statements.
                    // check if the rule is an import rule.
                    if ( isImportRule(currentCssRules[i]) ) {
                        // import the rules from the imported css file.
                        var importCssRules = getCssRules(currentCssRules[i].styleSheet, htmlNode);
                        if ( importCssRules != null ) {
                            // Add the rules from the import css file to the list of css rules.
                            cssRules = addToArray(cssRules, importCssRules, htmlNode);
                        }
                        // Remove the import css rule from the css rules.
                        styleSheet.deleteRule(i);
                    }
                    else {
                        // We found a rule that is not an CSSImportRule
                        break;
                    }
                }
                // After adding the import rules (lower priority than those in the current stylesheet),
                // add the rules in the current stylesheet.
                cssRules = addToArray(cssRules, currentCssRules, htmlNode);
            }
            else if (styleSheet.rules) {
                // IE6-8
                // rules do not contain the import statements.
                var...