CSS rules utilities

functions allowing to get the CSS rules applied to an element

Version vom 27.01.2020. Aktuellste Version

Dieses Skript sollte nicht direkt installiert werden. Es handelt sich hier um eine Bibliothek für andere Skripte, welche über folgenden Befehl in den Metadaten eines Skriptes eingebunden wird // @require https://update.greasyfork.org/scripts/394970/768130/CSS%20rules%20utilities.js

Stellen Sie eine Frage, veröffentlichen Sie eine Bewertung oder melden Sie das Skript.

Wrap lines

// ==UserScript==
// @name         CSS rules utilities
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  functions allowing to get the CSS rules applied to an element
// @author       CoStiC
// @match        *://*/*
// @grant        none
// ==/UserScript==

function findCssRules(el) {
    var sheets = document.styleSheets, ret = [];
    el.matches = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector || el.oMatchesSelector;
    for (var i in sheets) {
        var rules = sheets[i].rules || sheets[i].cssRules;
        for (var r in rules) {
            if (el.matches(rules[r].selectorText)) {
                ret.push(rules[r].cssText);
            }
        }
    }
    return ret;
}

function modCssRules(el, newRule, frDoc) {
    if (!frDoc) frDoc = window.document;
    var elHover = "";
    var sheets = frDoc.styleSheets;
    if (el !== null) {
        el.matches = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector || el.oMatchesSelector;
        for (var sheet in sheets) {
            var rules = sheets[sheet].rules || sheets[sheet].cssRules;
            for (var rule in rules) {
                if (rules[rule].type === 1) {
                    if (el.matches(rules[rule].selectorText)) {

                        let oldRulesList = rules[rule].style.cssText,
                            oldRules = oldRulesList.split(";"),
                            newRulesList = "";
                        oldRules.pop();

                        for (let newProp in newRule.cssNormal) {
                            el.style[newProp] = newRule.cssNormal[newProp];
                            for (let oldRule of oldRules) {
                                oldRule = oldRule.trim();
                                let oldProp = oldRule.split(":")[0];
                                if (oldProp === newProp) {
                                    newRulesList += newProp + ":" + newRule.cssNormal[newProp] + ";";
                                    el.style[newProp] = newRule.cssNormal[newProp];
                                } else {
                                    newRulesList += oldRule + ";";
                                };
                            }
                            rules[rule].style.cssText = newRulesList;
                        }

                        if (typeof newRule.cssHover !== 'undefined') {
                            var rul = "";
                            for (let propHover in newRule.cssHover) {
                                rul += `${propHover}:${newRule.cssHover[propHover]} !important;`;
                            };
                            elHover = `${rules[rule].selectorText}:hover{${rul}}`;
                        }
                    } else {};
                }
            }
        }
    }

    if (elHover !== "") {
        let newHoverStyle = document.createElement('style'),
            hoverRule = document.createTextNode(elHover);
        newHoverStyle.appendChild(hoverRule);
        document.head.appendChild(newHoverStyle)
        //sheets[sheets.length - 1].insertRule(elHover);
    };
}