css - SASS スタイルシートでセレクターを組み合わせて最適化する方法はありますか?

Question

同様のセレクターをマージして SCSS ソースを最適化するための適切な方法やツールはありますか?

たとえば、これを持っている：

#left .menu 
{
     //Content a 
}

#left .menu span
{
     //Content b 
}

#left .menu 
{
     //Content c 
}

これに変わります：

#left .menu 
{
     //Content a
     //Content c 

     span
     {
          //Content b 
     }

}

これを手動で行うのは面倒です。特に、構造が明確でない大きなスタイルシートの場合は面倒です。無駄のない、よりクリーンな SCSS を書くことにもっと力を注ぐこともできますが、それはきちんとした SCSS ツールである必要があります。

score 4 · Accepted Answer

あなたの質問に対する @cimmanon のコメントに同意しますが、必要に応じて、この css2sass コンバーターを試してください。

私が与えた入力：

#left .menu 
{
     //Content a 
}

#left .menu span
{ 
     //Content b 
}

#left .menu 
{
     //Content c 
}

出力：

#left .menu {
  //Content a
  span {
    //Content b

  }
  //Content c
}

score 3 · Accepted Answer

sass-convertあなたのニーズを満たす必要があります:

$ sass-convert --to scss your-example.css

#left .menu {
  //Content a
  span {
    //Content b

 }
 //Content c
}

2 に答える 2