力的元素，而不是使用内联样式从样式表

Question

重要的风格我有一个内嵌样式，设置JavaScript的元素：

<div class="foo" style="top: 30px;"> 

我不得不使用不变 CSS文件包含样式覆盖内联样式：

.foo { top: 0 !important; } 

有没有办法迫使元素使用内联样式，而不是在CSS文件中定义的重要风格！？

Answer 1

把!important的内嵌样式也：

<div class="foo" style="top: 30px !important;"> 

Answer 2

这个问题很好了回答。 Here's the link to another stack question.

让我首先要说，一般内嵌样式可以覆盖：

.override {color:red !important;}​ 

<p style="color:blue;">I will be blue</p> 
<p style="color:blue;" class="override">But I will be red</p> 

此行为W3规范，其中规定所描述重要的声明不会改变特殊性，而是优先于“正常”声明。这就是说，当冲突的规则都有！重要标志时，特异性规定应用内联规则 - 这意味着对于OP的情况，没有办法重写内联重要。