4

我有一个定义如下的 div：

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

因为 div 当前使用的是内联样式（我讨厌这个！），所以我需要覆盖背景颜色和颜色。

我努力了：

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

但不起作用。还尝试了 .div_box { ... } 但仍然无法正常工作。

所以我的问题是，如何在不手动更改内联样式的情况下覆盖上述 div 样式？

4

2 回答 2

4

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

由于您无法删除内联样式，正如所指出的（我跳过了），如果您可以使用 Jquery，您可以使用它：

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

从 .div 框出现的内联样式中去除背景颜色和颜色属性。这里唯一增加的问题是，它会在调用类的任何地方去掉它。

使用此方法，您也不再需要!important在样式表中。

于 2013-06-04T17:55:48.867 回答
3

内联 CSS 覆盖 CSS 样式表。在您的情况下，它们都被标记为 !important，因此您不能使用此 css 技巧来更改 div 颜色。

简短的回答，你不能做你想做的事。只有当内联 CSS 没有被标记为 !important 时才有可能。

于 2013-06-04T17:55:55.260 回答