跨瀏覽器的CSS工具

Question

今天早上我在想，我的想法是在CSS上，併爲IE7，IE8，FF等創建不同的樣式表。我開始想知道是否有一種工具可以使這更容易。我在想這件事：

1. 構建「核心」樣式表。
2. 任何時候在「核心」樣式表中輸入 「破碎」規則時，將修補 添加到關聯的瀏覽器 特定樣式表。
3. 如果增加了一個修復程序，它也會被注意到 ，所以你知道一個特定的 風格在瀏覽器 特定工作表中有額外的。

這可以以兩種不同的方式工作，無論是自動IDE風格還是作爲輸入核心CSS的工具，並輸出所需的所有不同的CSS。

想法？有這樣的事情存在嗎？

Answer 1

這個問題在於術語「破碎」是主觀的。沒有機器能夠說出你認爲「破碎」的東西。當然，有一些着名的錯誤，但即使如此，你只是真的抓到表面。

最好的辦法是隻使用網頁標準進行編碼，並使用像SASS這樣的工具來簡化您的CSS編碼。

舉例來說，如果你正在使用HTML5Boilerplate並希望加入IE6特定規則，你要做的就是這樣的事情：

#mydiv { 
/* mydiv specific styles */ 
    .ie6 & { 
     /* IE6 specific styles for #mydiv 
    } 
} 

Answer 2

Compass是做一些什麼你所期待的。 我知道這是已經5年，因爲你問，但這可能會幫助一個人在痛苦:)