系統地解決css中衝突的樣式

我的web項目中有不同來源的樣式表。我想協調他們。我需要一些款式，一些需要另一種。有沒有一種工具或方法如何系統地解決風格衝突？我試過IE8開發者工具，是的，可以在每個元素的級別查看衝突。但是我有很多元素，所以如果我按元素做元素，我認爲這需要很長時間。理論上可能有一個工具在設計時顯示兩個css文件的衝突？！？我認爲這會爲我節省很多時間。系統地解決css中衝突的樣式

來源

2010-05-07 Frank Michael Kraft

你試過這個Firefox擴展嗎？ https://addons.mozilla.org/en-US/firefox/addon/5392這使得刪除多餘的樣式變得更加容易。否則，我可能會彈出所有樣式到一個文件中，嘗試將類似的規則分組在一起，然後使用Dust-Me刪除未使用的樣式。

來源

2010-05-07 12:46:04

dust me幫了很多忙。還有IE8開發工具。 – 2010-05-10 13:35:32

CSS沒有衝突，它有級聯。我們的想法是，您可以定義適用於相同元素的多個規則，並且您放置樣式的順序反映了重要性 - 即，如果它最後出現，它將覆蓋先前的規則，其中存在您所描述的衝突。

您應該...

1）決定哪個樣式表是最重要的，把它放在第二

2）重新寫你的風格，以避免混亂

3）記住重要的規則！重要

來源

2010-05-07 12:35:33 Fenton

-1提及'！重要'：P – Bart 2014-11-17 15:52:47

因爲您認爲人們不能相信這個功能嗎？你想保密嗎？雖然使用'！IMPORTANT'是不鼓勵的，因爲它與級聯規則的概念相沖突，我們正在討論嘗試將多個來源的許多規則集合在一起的特定上下文，'！重要的'絕對是您需要考慮的工具情況。 – Fenton 2014-11-17 15:56:24

使用！重要的通常只是隱藏在地毯下面的混亂可以這麼說，而你最終會陷入更多的混亂，以後不再適合地毯，也就是問爲什麼css沒有！非常重要... – 2016-03-08 08:07:36

如果您在FireFox中查看該網站，並使用Firebug擴展，則可以查看渲染頁面中的每個元素，然後使用firefox中的「CSS」選項卡，可以看到級聯規則正被應用於該元素，以及來自哪個CSS源文件。它會告訴你哪些規則也被覆蓋。

這有助於確定每個特定規則的來源以及被覆蓋的內容。

您仍然有「合理化」您的樣式表的任務，並可能有其他工具可以幫助。

來源

2010-05-07 12:54:02

系統地解決css中衝突的樣式

回答

相關問題