5

DRY="自分を繰り返さないでください"。

より複雑なデザインを構築するために使用する基本のcssフレームワークがあります。プロトタイピングの最も簡単な方法は、（ベースcssから既存のcssプロパティを編集するのではなく）最後から開始してcssを構築し、目的の結果を取得することです。

しかし、私が終わった後、クラス名とプロパティの繰り返しがたくさんあります。

cssファイルをスキャンし、冗長性と重複を排除する形式でインテリジェントに再作成するオンライン（またはオフライン）ツールを探しています。

たとえば、これらの2行がCSSファイルに存在する場合：

//FROM THE BASE CSS
.header{
    font-weight:bold;
    font-size:1.5em;
    background:red;
    margin:0 auto;
    padding:20px
    }

//FROM THE ADDED CSS
.header{
    font-weight:normal;
    font-size:1.25em;
    background:blue;
    padding-bottom:0;
    margin-top:-20px
    }

望ましい結果（カスケードの下位項目を前者よりも優先する）は、.headerディレクティブの最初のインスタンスを削除し、次のように両方の.headerインスタンスからのルールを1つの.headerディレクティブにマージすることです。

.header{
    font-weight:normal;
    font-size:1.25em;
    background:blue;
    margin:-20px auto 0 auto;
    padding:20px 20px 0 20px
    }

そのようなアプリケーションは存在しますか？

4

2 に答える 2

2

個人的には、CSSTidyを使用しています。それは多くのことを行いますが、とりわけ、可能な場合はセレクターをマージし、正しくカスケードします（重複するプロパティを削除します）。私は通常、元のファイルサイズも約30％縮小します。これはすっきりしていて、縮小した場合でも、（JavaScriptミニファイアとは異なり）かなり読みやすいです。

于 2013-03-03T03:41:20.730 に答える
1

これを支援するツールはたくさんありますが、ここに私が便利だと思う2つがあります。

  1. CSSTrashman
  2. 載貨重量
于 2013-03-03T07:43:25.103 に答える