跨瀏覽器 CSS 工具

Question

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

1. 構建“核心”樣式表。
2. 任何時候在“核心”樣式表中輸入“損壞”規則時，都會將修復添加到相關的瀏覽器特定樣式表中。
3. 如果添加了修復程序，也會注意到它，因此您知道特定樣式在瀏覽器特定工作表中具有附加功能。

This could work in two different ways, either automatic, IDE style, or as a tool which you input the core css and output all the different css you need.

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

Answer 1

問題在於“破碎”這個詞是主觀的。 沒有機器能夠說出你認為什么是“壞的”。 當然有一些眾所周知的錯誤，但即便如此，你也只是真正觸及了表面。

最好的辦法是使用 web 標准進行編碼，並使用 SASS 之類的工具來簡化 CSS的編碼。

例如，如果您正在使用HTML5Boilerplate並且想要添加一個 IE6 特定規則，那么您所做的就是這樣：

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

Answer 2

指南針正在做一些你正在尋找的事情。 我知道你問已經 5 年了，但這可能會幫助痛苦的人:)