0
在我的網站中,我正在改變使用Jquery/Javascript的DIV風格。第三方js庫後來改變了相同的DIV風格。有沒有辦法避免第三方風格的變化。 我不允許使用CSS來覆蓋,因爲CSS也是由不同的來源編寫的。如何避免第三方CSS影響當前CSS?
在我的網站中,我正在改變使用Jquery/Javascript的DIV風格。第三方js庫後來改變了相同的DIV風格。有沒有辦法避免第三方風格的變化。 我不允許使用CSS來覆蓋,因爲CSS也是由不同的來源編寫的。如何避免第三方CSS影響當前CSS?
// 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更具體。
您應該首先添加供應商CSS,然後添加您自己的CSS。 –
這取決於第三方更改的內容以及它們如何在選擇器基礎上實現。例如,如果他們將樣式應用於'.somediv',那麼您可以使用選擇器'div.somediv',因爲它更具體,所以您將擁有更多的權重並被應用。你也可以在所有事情之後狠狠地拍!'重要的,但這不是一個好的解決方案。 – Archer
你可以用它的id來設計它。因爲ID的優先級最高。所以如果不使用'!important'css hack,那麼重寫它是不太可能的。 – Jai