Изменение css через js

[AdmiralSFF]

Добрый день, уважаемый форум.
В общем использую на своем пк утилиту user css, и динамически меняю себе css в хроме. Очень долго мечтал о подобном на ios и тут узнал про то что на айфоне можно запускать скрипты в сафари, подскажите пожалуйста как написать вообще скрипт на изменение 2ух строчек?(
.hidden, .hidden.button {
display: contents;
}

[рони]

AdmiralSFF,
http://javascript.ru/forum/jquery/77352-udalit-psevdoklass.html

https://javascript.ru/forum/showthread.php?p=534827#post534817

https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/insertRule

[Aetae]

Самый быстрый способ: document.head.insertAdjacentHTML('beforeend', `<style>

.hidden, .hidden.button {
display: contents;
}

</style>`);

У себя в юзерскриптах использую такую общую функцию:
function _tm_css(css, important) {
// автоматическое поставление !important каждому правилу
if (important) {
css = css.replace(/(?=[^\n\S]*;[^\n\S]*\n|[^\n\S]*\n[^\n\S]*\})/g, ' !important');
}

// выбор на случай если вставляется слишком рано и ещё нет body\head
(document.body || document.head || document.documentElement)
.insertAdjacentHTML('beforeend', `<style is="tm_css">${css}</style>`);
}

[AdmiralSFF]

Спасибо за помощь, к сожалению не заработало, может я просто не понимаю как это правильно должно работать а может с ios какие то косяки, но я пытался.