CSS rules utilities

functions allowing to get the CSS rules applied to an element

Från och med 2020-01-15. Se den senaste versionen.

Detta skript bör inte installeras direkt. Det är ett bibliotek för andra skript att inkludera med meta-direktivet // @require https://update.greasyfork.org/scripts/394970/765728/CSS%20rules%20utilities.js

Ask a question, post a review, or report the script.

Wrap lines

// ==UserScript==
// @name         CSS rules utilities
// @namespace    http://tampermonkey.net/
// @version      0.2
// @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) {
    var elHover = "";
    var sheets = document.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 (el.matches(rules[rule].selectorText)) {

                    for (let prop in newRule.cssNormal) { rules[rule].style[prop] = newRule.cssNormal[prop] }
                    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);
    };
}