Как переопределить стили CSS !important?

Question

[Макс Трофей]

Поставила на сайт форму комментирования, которая загружается скриптом (про фрейм в коде ни слова)

В этот скрипт я подключила css , и он работает.

Подключала этим кодом:

var elem = document.createElement('LINK');
elem.setAttribute('rel', 'stylesheet');
elem.setAttribute('type', 'text/css');
elem.setAttribute('media', 'screen');
elem.setAttribute('href', 'wp-content/themes/twentysixteen/style1.css');
this.frame.parentNode.ownerDocument.getElementsByTagName('head')[0].appendChild(elem);

Но даже в новом css не получается переопределить родные стили формы комментирования, так как в них !important.

Попыталась решить вот так:

var el = document.getElementById("div.hcc.hc__footer__r"); 
el.style.cssText="display: none";

Должен ведь работать, может пишу что не так?
Задача : div class hcc.hc__footer__r сделать невидимым.

Answer 1

[Котик Антон]

document.getElementById("div.hcc.hc__footer__r");
Что-то тут явно не так.

Comments

[Макс Трофей]

верю, а как еще можно прописать в скобках класс дива?

[Сергей delphinpro]

Татьяна Александровна: document.querySelector('.class')

Answer 2

[Андрей]

если !important стоит в css файле - попробуйте его переопределить в атрибуте style элемента, у него самый высокий приоритет.

Comments

[vvvadimos]

нельзя так, потом будет проблем
лучше применить каскад уже с тем же !important

[Макс Трофей]

vvvadimos: Если я правильно поняла, вы имеете ввиду присвоить еще один дополнительный класс элементу, и с доп.классом написать новый стиль css .
Так?

Класс попыталась присвоить вот этим:

$('.class').addClass('my-class');

Вставила эту строку прямо внутрь скрипта, которым подгружается моя форма комментирования. Но ничего не происходит, класс не добавляется.

[vvvadimos]

Татьяна Александровна: а ваш файл стилей хоть 100% подгружается в iframe?

[Макс Трофей]

vvvadimos: да, если в нем добавить class:after: content ""; то оно появляется. То есть новые стили добавить можно, просто не перекрываются старые.

[vvvadimos]

дайте кусок кода:
первый это то что применяется в элементу сейчас
второй - кусок html кода с этим элементом
можно скринами просто

[Андрей]

Татьяна Александровна: нет, я имел ввиду такой вариант:

вот этот бордер без JS не переопределит уже никто...