css – 有没有办法在SASS样式表中组合和优化选择器?

前端之家收集整理的这篇文章主要介绍了css – 有没有办法在SASS样式表中组合和优化选择器?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否有合并类似选择器和优化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工具,还是我缺少最佳实践?

解决方法

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

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

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

 }
 //Content c
}

猜你在找的CSS相关文章