2011-09-11 64 views
2

是否有任何在線(或離線)工具可以插入兩組CSS樣式,並會​​告訴您它們是否等同?CSS等效比較還是合併?

例如,給出兩套風格:

/* style 1 */ 
margin: 0px 10px 20px 30px; 

/* style 2 */ 
margin-top: 0px; 
margin-right: 10px; 
margin-bottom: 20px; 
margin-left: 30px; 

該工具會看這兩種風格,並認識到他們是等同的意義。

任何這樣的事情呢?

回答

0

webkit開發人員工具箱允許您摺疊和擴展規則,如果存在的話,也可以使用它們的簡寫格式。

打開Safari或Chrome,右鍵單擊並選擇「檢查元素...」,在您有一個短手屬性的東西上,您應該看到擴展屬性。

a screenshot of this very page, showing the expanded short-hand rules for margin, padding and border