2016-03-15 85 views
0

重要的風格我有一個內嵌樣式,設置JavaScript的元素:力的元素,而不是使用內聯樣式從樣式表

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

我不得不使用不變 CSS文件包含樣式覆蓋內聯樣式:

.foo { top: 0 !important; } 

有沒有辦法迫使元素使用內聯樣式,而不是在CSS文件中定義的重要風格!?

回答

1

!important的內嵌樣式也:

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

這個問題很好了回答。 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的情況,沒有辦法重寫內聯重要。