Переопределение! важный стиль

Question

Переопределение! важный стиль

115

javascript css

задан DRosenfeld 22 May 2018 в 11:12

5 ответов

element.style имеет setProperty метод, который может взять приоритет в качестве третьего параметра:

element.style.setProperty("display", "inline", "important")

Это не работало в старом IEs, но это должно быть прекрасным в текущих браузерах.

157

ответ дан sth 24 November 2019 в 02:19

There are a couple of simple one-liners you can use to do this.

1) Set a "style" attribute on the element:

element.setAttribute('style', 'display:inline !important');

or...

2) Modify the cssText property of the style object:

element.style.cssText = 'display:inline !important';

Either will do the job.

===

BTW - if you want a useful tool to manipulate !important rules in elements, I've written a jQuery plugin called "important": http://github.com/premasagar/important

219

ответ дан 24 November 2019 в 02:19

Если все, что вы делаете, это добавляете CSS на страницу, я бы посоветовал вам использовать аддон Stylish и написать пользовательский стиль вместо пользовательского скрипта. , потому что пользовательский стиль более эффективен и уместен.

См. эту страницу с информацией о том, как создать стиль пользователя

0

ответ дан 24 November 2019 в 02:19

Лучший метод, который я только что обнаружил: старайтесь быть более конкретными, чем CSS страницы с вашими селекторами. Мне пришлось сделать это только сегодня, и это работает как шарм! Больше информации на сайте W3C: http://www.w3.org/TR/CSS2/cascade.html#specificity

1

ответ дан 24 November 2019 в 02:19

Другие вопросы по тегам:

javascript css

Похожие вопросы:

score 47 · Accepted Answer

Я верю единственному способу сделать это это для добавления стиля как нового объявления CSS с'! важный' суффикс. Самый легкий способ сделать это должно добавить новый < style> элемент к заголовку документа:

function addNewStyle(newStyle) {
    var styleElement = document.getElementById('styles_js');
    if (!styleElement) {
        styleElement = document.createElement('style');
        styleElement.type = 'text/css';
        styleElement.id = 'styles_js';
        document.getElementsByTagName('head')[0].appendChild(styleElement);
    }
    styleElement.appendChild(document.createTextNode(newStyle));
}

addNewStyle('td.EvenRow a {display:inline !important;}')

правила, добавленные с вышеупомянутым методом, будут (если Вы будете использовать! важный суффикс), переопределяют другой ранее моделирование набора. Если Вы не используете суффикс, тогда удостоверяются, что взяли понятия как' специфика ' во внимание.