Переопределить встроенный стиль div

Question

Переопределить встроенный стиль div

0

Я использую следующий фрагмент кода, чтобы переопределить встроенный стиль div.

.gantttoolbar {
    height: 50px;
    display: block !important;
}

Это правильный способ переопределить стиль CSS? ИЛИ Есть ли другой способ достичь этого без использования! Важно в приведенном выше коде?

Raja 02 дек. 2013, в 11:42

Источник

0

Хорошо спасибо за ваш ответ
Raja 02 дек. 2013, в 09:59
0

coding.smashingmagazine.com/2007/07/27/...
eRIZ 02 дек. 2013, в 09:59
0

Тогда как решить эту проблему
Raja 02 дек. 2013, в 10:01
0

Вы сделали это правильно, Раджа ...! Я думаю, важно только так.
Suhas 02 дек. 2013, в 10:04

Показать ещё 2 комментария

Теги:

javascript

jquery

html

css

3 ответа

Ещё вопросы

Вы сделали это правильно, Раджа ...! Я думаю, важно только так.

Mihey Egoroff · Answer 1 · 2013-12-02T07-20-00.000Z

Вы можете использовать трюк [style]:

.gantttoolbar[style] {
    height: 50px; // Use !important to override height too
    display: block !important;
}

http://css-tricks.com/override-inline-styles-with-css/

+1 за технику. Я никогда не использовал так.

Pushker Yadav · Answer 2 · 2013-12-02T08-43-00.000Z

Да, это правильный способ переопределить встроенный css.

но я рекомендую не переопределять CSS, использовать классы css и использовать это, а не inline css. он сохранит скорость загрузки и рендеринга.

Michael Tempest · Answer 3 · 2013-12-02T08-21-00.000Z

В этом случае нет необходимости использовать селектор [style] css, поскольку у элемента уже есть связанный с ним класс. Стиль [style] должен применяться только к элементам, которые не имеют связанного с ним класса или идентификатора.

Важным является единственный чистый css способ переопределить встроенные стили, к сожалению, или вы можете использовать javascript для очистки стилей элементов, чтобы вы не использовали важный тег. Для этого вы сделаете следующее:

document.querySelector('.gantttoolbar').removeAttribute('style');

Вот скрипка http://jsfiddle.net/jRxzH/