2015-09-02 47 views
0

在我的網站中,我正在改變使用Jquery/Javascript的DIV風格。第三方js庫後來改變了相同的DIV風格。有沒有辦法避免第三方風格的變化。 我不允許使用CSS來覆蓋,因爲CSS也是由不同的來源編寫的。如何避免第三方CSS影響當前CSS?

+2

您應該首先添加供應商CSS,然後添加您自己的CSS。 –

+0

這取決於第三方更改的內容以及它們如何在選擇器基礎上實現。例如,如果他們將樣式應用於'.somediv',那麼您可以使用選擇器'div.somediv',因爲它更具體,所以您將擁有更多的權重並被應用。你也可以在所有事情之後狠狠地拍!'重要的,但這不是一個好的解決方案。 – Archer

+0

你可以用它的id來設計它。因爲ID的優先級最高。所以如果不使用'!important'css hack,那麼重寫它是不太可能的。 – Jai

回答

1
// your css 
//// here use id and !important(hack) 
#id1{ 
color: blue !important; 
} 

// third party css class 
.class1{ 
color: red; 
} 

// your element 
<input type="text" class="class1" id="id1"/> 

輸出: 顏色將是藍色。你的CSS會贏。

閱讀更多關於CSS的特異性以更好地理解。

注:Id比class更具體。