在我們的CSS文件中覆蓋第三方CSS屬性

Question

我有第三方CSS文件，需要刪除，添加，覆蓋某些屬性。同時想刪除一些類而不改變原來的類。

例如

ThirdParty.css

.cal_navline div 
{ 
position: absolute; 
top: 2px; 
white-space: nowrap; 
} 

是否可以刪除這個類沒有原始CSS文件中的變化？在我們的代碼中，上面的類是不是可以被對待或忽略？

Answer 1

爲了「刪除」屬性，您應該使用它們的默認值值。

你看，每個屬性都是總是設置，就是說它們有默認值。

例如，如果你有position: absolute;的元素，你要刪除，你可以使用position: static !important;，因爲position默認值 - 也就是說，當不SET-是static。

我所說的源約position是在這裏：http://www.w3schools.com/cssref/pr_class_position.asp

閱讀說，部分：

默認值：靜態

同樣的方式，每一個CSS屬性有一個默認值。如果強制使用默認值，就像刪除該屬性一樣。

（top，left，right，bottom已經auto作爲其默認值，有些則在默認情況下繼承了父母的價值觀，那些有inherit值作爲默認值等）

這裏是默認的列表css的值：http://www.w3.org/TR/CSS2/propidx.html

Answer 2

您可以使用！重要的，其樣式可以覆蓋樣式。

您可以使用與！important相同的類和樣式來覆蓋樣式。

Answer 3

正如上面的回答，我會繼續!important作爲最後的選擇，如果你想覆蓋的風格，你可以使用較高的特異性規律，即

.container_class .cal_navline div { 
    position: absolute; 
    top: 2px; 
    white-space: nowrap; 
} 

如果仍是不特定的，你可以使用!important覆蓋第三方CSS。

另外，如果您打算使用它，則可以在此情況下使用JS。