有没有办法在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

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

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

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

 }
 //Content c
}

Answer 2

我同意@cimmanon对您提出的问题的评论，但如果必须，请尝试this site

我给它的输入：

#left .menu 
{
     //Content a 
}

#left .menu span
{ 
     //Content b 
}

#left .menu 
{
     //Content c 
}

输出：

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

  }
  //Content c
}