有什么办法可以将相同的CSS类合并在一起?

时间:2020-04-29 17:07:07

标签: css optimization

试图优化css代码,想翻动

a{color:#007bff;text-decoration:none;}
a{color:#448f52;background-color:transparent}

进入

a{color:#448f52;background-color:transparent;text-decoration:none;}

我该怎么办?无法手动完成,代码超过2000行。

1 个答案:

答案 0 :(得分:0)

您可以按照以下两个步骤进行操作:

  • 将丑陋的CSS代码复制到此网站herokuapp
  • 将转换后的CSS转换为SCSS代码到此网站,以将其转换为纯CSS scss-to-css
  • 将CSS代码带到此网站autoprefixer

通过这种方式,您可以像上面提到的示例那样重新格式化CSS代码,并确保代码正确地加上前缀,以在所有浏览器(例如IE和Safari)上都能正常工作