0

私は、AngleSharpを使用していくつかの CSS ファイルを解析し、それらの構造を比較して、それらから出力ファイルを作成しています。ツールは、すべての宣言を明示的にします。つまり、ソース ルールが次の場合です。

.recent-work-wrap .overlay {
    padding: 15px;
}

AngleSharp から次の出力が得られます。

.recent-work-wrap .overlay {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

これは、ルールを比較して変更を検出するのに適していますが、問題は、このルールを上記のような短縮形にどのように組み合わせることができるかということです。

したがって、別の例として、これから取得する方法は次のとおりです。

    .sample-rule {
        margin-right: auto;
        margin-left: auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }

これに

    .sample-rule {
        margin: 30px auto;
    }

CSS3宣言では実際に多くのパラメーターを使用できるため、状況はさらに悪化します...いくつかのCSS縮小/醜化ツールをチェックしましたが、ほとんどの場合、正規表現を使用して空白と小さな最適化を削除します。複数の宣言から最適な省略形を記述する既知の方法/ツール/ライブラリはありますか?

4

1 に答える 1

1

この出力をどのように取得しますか? プロパティの省略形の宣言 (例: Margin) を調べてみましたか?Style

内部的には、AngleSharp はロングハンド宣言のみを使用するため、出力は可能な限り詳細になります。ただし、AngleSharp はほとんどの省略形を認識しており、これらの省略形を省略形に再結合できるはずです。

それがすでにあなたを助けているかどうかはわかりません。そうでない場合は、いくつかのコード (MWE) を投稿してください。この回答を絞り込んでみます。

于 2015-12-14T09:37:20.420 に答える