41

プログラムでマージしたいCSSセレクターが重複しているCSSファイルがいくつかあります（一方のファイルをもう一方のファイルの最後に追加するだけではありません）。これをオンラインで行うツールはありますか？それともFirefoxの拡張機能ですか？

4

3 に答える 3

22

Factor CSSを見つけました- 完全なソース コードですが、必要以上の機能を備えていると思います。同じセレクターを持つ CSS ブロックを組み合わせたいだけです。ソース コードを調べて、TextMate バンドルとして使用できるものに変換できるかどうかを確認します。つまり、他の誰かが私の前にそれに到達しない限り.

編集:さらに良い-これは css をチェック/フォーマット/最適化するためのWebベースのツールのリストです。

于 2008-08-19T19:36:44.603 に答える
2

いいえ、あればいいのですが、単一の要素を参照する方法が複数あるため、プログラミングの労力が多すぎるようです。最善の方法は、FireBug のようなランタイムを使用して重複を見つけることです。

于 2008-08-19T19:16:37.327 に答える
1

これを行うための Perl ユーティリティを数年前に書きました。

1 つまたは複数のスタイルシートを 1 つの首尾一貫した並べ替えられた出力 (各プロパティが表示されたファイルを示すコメントと、プロパティに競合する値がある場合の警告を含む) にマージするだけでなく、に基づいて選択的に検索またはマージすることもできます。セレクタ、プロパティ、またはその両方。

これらはインテリジェントに処理されるため、たとえば、プロパティを検索するとなどfontも取得されます(取得元の関連するセレクターと共に CSS ブロック内に表示されます)。同様に、セレクター検索は正しい (つまり、一般的に最も有用な) ことをしようとします。たとえば、 element を検索すると、セレクターが, , , , , , , ...であるすべてのブロックに一致します (最後の 2 つは、それ自体のスタイリングには直接影響しませんが、隣接または子孫のスタイリングには直接影響しません。このような検索で知っておくと役立つことが多い要素)、一致なし、font-sizefont-weightaaa:hovera.extlinka#mylink.foo a#bar ap apre > aa + pa imga#a.aもちろん、この動作はオプションです。正確なセレクターを検索することもできます。または正規表現。

perl 自体とは別に、唯一の依存関係はCSS::Tinyです。

これはフリー ソフトウェアで、 cssmergeから入手できます。

于 2012-06-12T21:37:42.410 に答える