CSS擴展與一些網站衝突

Question

我創建了一個擴展。我也添加了一個名稱空間，但是我的CSS與某些網站上的CSS衝突。

這裏是我的CSS的一個樣本：

.myextention input.myclass{ 
    border:1px solid 
} 

而另一家網站的CSS是：

input { 
    height:150px; 
} 

這只是一個案例。有很多我的擴展衝突的案件。

是否有任何正確的方法來做到這一點？

謝謝。

Answer 1

當我們在處理應用程序時，我們會知道所有要加載的類。在延期的情況下，情況並非如此。

無論何時使用擴展，這都是一個常見的問題。你應該非常具體地寫出具有最大屬性的類。以下是在任何擴展涉及輸入元素時需要覆蓋的常見屬性。

.myextention input.myclass{ 
    position: value; 
    display: value; 
    width: value; 
    height: value; 
    border: value; 
    margin: value; 
    padding: value; 
} 

根據您的擴​​展程序覆蓋許多屬性始終是明智的。