有没有办法在 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 工具，或者是否有我遗漏的最佳实践？

Answer 1

我同意@cimmanon 对您的问题的评论，但如果必须，请尝试使用此 css2sass 转换器。

我给它的输入：

#left .menu 
{
     //Content a 
}

#left .menu span
{ 
     //Content b 
}

#left .menu 
{
     //Content c 
}

输出：

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

  }
  //Content c
}

Answer 2

sass-convert应该可以满足您的需求：

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

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

 }
 //Content c
}