2011-09-11 11 views
2

CSSスタイルの2つのセットでプラグインできるオンライン(またはオフライン)ツールはありますか?それらが同等かどうかを教えてくれるでしょうか?CSSの同等の比較または連結ですか?

たとえば、スタイルの2組の与えられた:

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

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

ツールは、これらのスタイルの両方を見て、彼らは同等の意味であることを認識するであろう。

そのようなものは何ですか?

答えて

1

CSSのlintは異なるスタイルを「一致」しませんが、あなたはそれぞれをアップロードし、その結果を比較することができます。 ....

http://www.cssdrive.com/index.php/main/csscompressor/
csstidyがあまりにもそのために良いですが、真剣にCSSの糸くずをロック:CSSのlintは、あなたが常にMINとそれらを比較することができ厄介な素敵http://csslint.net/です。彼女は規則する。

実際に私はCSSのdiffがあなたが望むものだと思います:http://www.gordianlabs.com/blog/?p=9

0

ウェブキットデベロッパーツールキットを使用すると、ショートハンドフォーマットが存在する場合は、ショートハンドフォーマットとの間でルールを折りたたんで展開することができます。

SafariまたはChromeを開き、右クリックして、短手のプロパティの[要素の検査...]を選択すると、展開されたプロパティが表示されます。

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

関連する問題