☰

Greasy Fork is available in English.

CSS rules utilities

functions allowing to get the CSS rules applied to an element

Verzia zo dňa 15.01.2020. Pozri najnovšiu verziu.

Tento skript by nemal byť nainštalovaný priamo. Je to knižnica pre ďalšie skripty, ktorú by mali používať cez meta príkaz // @require https://updategreasyfork.deno.dev/scripts/394970/765728/CSS%20rules%20utilities.js 

// ==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);
    };
}