是否有一个CSS后处理器将多个规则中的相同声明组合在一起？

2019年7月27日 198次阅读

例如,如果我有：

.example1 {
  color: #646464;
}

.example2 {
  color: #646464;
}

处理完成后,代码如下所示：

.example1,
.example2 {
  color: #646464;
}

因为我使用的设计,我经常发现自己在许多规则上使用相同的声明(来自不同的页面,所以我不能当场将它们组合在一起),我想知道这样的事情是否有助于提高速度以任何方式提升渲染或者如果它有任何好处.

最佳答案 您可以使用选项重组的 csso：true,但它比预处理更多的后处理:)

.example1 {
  width: 100px;
  height: 100px;
  background: red;
}
.example2 {
  width: 100px;
  height: 100px;
  background: blue;
}

输出将是

.example1, .example2 {
  width: 100px;
  height: 100px;
  background: red;
}
.example2 {
  background: blue;
}
点赞