Evil CSSStyleSheet manipulations: removing all css rules that apply to a specific element

removeRulesThatApplyTo.js

function removeRulesThatApplyTo(element) {
    for (let sheet of [...document.styleSheets]) {
        for (let rule of [...sheet.cssRules]) {
            if (element.matches(rule.selectorText)) {
                sheet.removeRule([...sheet.cssRules].indexOf(rule));
            }
        }
    }
}

styleHunter.js

document.addEventListener('click', event => {
    event.preventDefault();
    event.stopPropagation();
    removeRulesThatApplyTo(event.target);
});

Maybe it's useful for stylesheets debugging I dunno...