не может переопределить встроенный стиль! важная собственность?

Question

У меня есть DIV, который определен следующим образом: (!, Который я ненавижу это)

<div style="background-color: rgb(217, 240, 211) ! important; color: rgb(0, 102, 2) ! important;" class="div_box">... ... 
</div> 

поскольку ДИВ в настоящее время использует встроенный стиль мне нужно переопределить цвет фона, а также цвет.

Я пробовал:

.div_box[style] { 
background-color: rgb(216, 219, 215) ! important; 
color: rgb(94, 94, 94) ! important; 
} 

, но не работает. Также попытался .div_box {...} и все еще не работает.

Итак, мой вопрос: как я переопределяю вышеуказанный стиль div без ручного изменения встроенного стиля?

Answer 1

Inline CSS переопределяет таблицы стилей CSS. Оба они отмечены важными в вашем случае, поэтому вы не можете использовать этот трюк css для изменения цвета div.

Короткий ответ, вы не можете делать то, что хотите. Это возможно только в том случае, если встроенный CSS не был помечен как важный.

Answer 2

http://jsfiddle.net/UkpnZ/3/

Поскольку вы не можете удалить встроенный стиль, как было указано (что я пропустил), если вы можете использовать Jquery, вы можете использовать это:

$('.div_box').css('background-color', ''); 
$('.div_box').css('color', ''); 

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

Используя этот метод, вы больше не нуждаетесь в !important в своей таблице стилей.