是否可以在後續文件中刪除CSS樣式？

我知道在CSS中，您設置的樣式將覆蓋以前加載的樣式表中該樣式的設置。是否可以在後續文件中刪除CSS樣式？

但是有沒有辦法去刪除一個風格，在以前加載的樣式表中設置？例如，假設我有bootstrap在我的項目，其中有這樣的風格：

.tab-content { 
    overflow: auto; 
}

而且這種風格會引起一些不良的影響，所以我想擺脫它。我當然可以在我自己的樣式表中將它設置爲一些理想的值，但是我寧願如果它簡直就像那種風格永遠不存在。

來源

2013-03-28 Eric

沒有辦法刪除 CSS規則或先前的樣式表（或實際上在同一個樣式表）設置屬性，但你可以使用樣式自己的覆蓋這些。

這些必須出現在原始規則之後（在選擇器具有相同特徵的情況下，請參閱CSS Specificity: Things You Should Know）或比上述規則具有更高的特異性。

對於示例 -

.tab-content { 
    overflow: auto; 
} 
... 

.tab-content { 
    overflow: inherit; 
}

會的工作，但是 -

#foo.tab-content { 
    overflow: auto; 
} 
... 

.tab-content { 
    overflow: inherit; 
}

不會被覆蓋和原來的汽車價值會站。如果你想了解特異性，那麼Keegan街的Specificity Calculator很值得在閱讀上述文章後進行試驗。

如果您可以刪除原來的規則，並且在其他地方不需要，那麼總是最好擺脫它，而不是簡單地使用新的替換值，但假設它被用於網站中的其他地方或第三方的一部分內容（如自舉），你不能或不想改變，那麼你可以將它重置爲默認值或期望值。在「溢出」的情況下，默認值是「可見」（見https://developer.mozilla.org/en-US/docs/CSS/overflow）。如果規則只在您的內容中需要，那麼您可能希望將其包含在選擇器中以避免影響頁面/站點的其他部分 -

#your-container .tab-content { 
    overflow: visible; 
}

來源

2013-03-31 16:44:11 pwdst

我不太瞭解CSS，但是當我寫這個問題時，解決方案發生在我身上。通過簡單地將我的後續CSS文件中的樣式設置爲inherit，我可以模擬默認行爲，以便從未設置樣式。

.tab-content { 
    overflow: inherit; 
}

來源

2013-03-28 14:57:52 Eric

是否可以在後續文件中刪除CSS樣式？

回答

相關問題