css - CSS - セレクター間で共通の共有スタイルを自動的にグループ化するツールはありますか?

Question

私は通常、各クラスまたは ID ごとにすべての CSS を記述し、最後に共有スタイルごとにそれらをグループ化します。

.first {width:100px; height:35px}
.second {width:100px;}

この結果を生成するために、それらを自動的にグループ化するツールはありますか?

.first, .second {width:100px;}
.first{height:35px;}

score 0 · Accepted Answer

あなたの質問から私が理解していることは、CSS の仕事を減らしたいということです。実は、 csslessという CSS を少なく書ける JavaScript ライブラリがあります。そこでは、定数、関数を宣言し、ネストされた CSS を書くことができます。これは素晴らしいことです。

lesscss.orgでチェックしてください

score 0 · Accepted Answer

私はそのようなツールを知りません。（良い質問ですが、他の誰かがそうするかもしれません。）

それは素晴らしいことですが、書くのは非常に複雑になると思います。たとえば、元の CSS が次のようになっている場合はどうなるでしょうか。

.first {width:100px; height:35px}
.second {width:150px;}
.second {width:100px;}

ツールはおそらく次のように変更します。

.first, .second {width:100px;}
.first{height:35px;}
.second {width:150px;}

幅が 100 ピクセルから 150 ピクセルになりまし.secondた (明らかに、これはまれなケースです)。

2 に答える 2