CSSの比較

スタイルシートディフは、行レベルよりも宣言レベルでの変化に重点を置いています。同じセレクタが異なる位置に現れることがありますが、変更された単一のプロパティは、変更されていないプロパティのブロックの中に埋もれているように見えます。2つのスタイルシートをテキストとして比較することで、2つのファイルが同じフォーマットを共有している限り、テーマの書き換えや再構築ファイルのレビューが可能になります。

CSS A
Characters: 0
Selectors: 0
Lines: 0
CSS B
Characters: 0
Selectors: 0
Lines: 0
ファイルは端末から出ません。 プライバシーと制限
Embed tool Add this tool to your website Get embed code

Add this comparison tool to a related page with a visible FileCompare source link.

オンライン計算機に関するよくある質問

ブラウザのカスケード順序は考慮されますか?

いいえ。異なる位置にある同じセレクタはブラウザで異なる影響を及ぼしますが、この比較ツールは計算されたスタイルではなく、テキストの差分を報告します。

ソースと比較するために圧縮されたファイルを比較できますか?

実用的ではありません — すべての行が長さと位置で異なります。まず両方をフォーマットするか、同じフォーマットを共有する2つのファイルを比較してください。

元のファイルは変更されますか?

結果は別のファイルとしてダウンロードされます。セレクタとプロパティの差分を確認するまで、元のファイルを保持してください。

結果を使用する前に確認すべきことは何ですか?

そのファイルを消費するアプリケーションでセレクタとプロパティの差分を開き、重要と考える部分をスポットチェックしてください。異なるオプションで再実行する必要がある場合でも、元のファイルは無傷のままです。

結果のエクスポート

差分をコピー、またはリスト結果を JSON・CSV・HTML でエクスポート。

インストール不要

Web ベースの diff チェッカー。Chrome、Firefox、Safari、Edge で利用可能。