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

Question

Closed. This question does not meet Stack Overflow guidelines 。它目前不接受答案。












想改善这个问题吗？更新问题，使其成为 Stack Overflow 的 on-topic。

5年前关闭。



Improve this question




例如，如果我有:

.example1 {
  color: #646464;
}

.example2 {
  color: #646464;
}

处理完成后，代码如下所示:

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

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

最佳答案

您可以将 csso 与选项 restructuring: 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;
}

关于css - 是否有一个 CSS 后处理器将多个规则中的相同声明组合在一起？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35044556/

上一篇：css - 减小 Material UI 的组件大小

下一篇：jquery - 如何在悬停时动画图像交换

相关文章：

angular - 如何以正确的方式使用 Angular2 CLI 安装 postcss

reactjs - 如何使用 Tailwind CSS 更改日历图标的颜色？

java - React - 如何将我想要的组件拾取到另一个模块中

html - 为什么不应用 letter-spacing 属性？

css - reactJS SCSS 背景图像不可见

css - Sass 会取代 Css 吗？

postcss - 来自 PostCSS 插件的未知错误。您当前的 PostCSS 版本是 8.3.0，但 postcss-preset-env 使用的是 7.0.36

html - 我怎样才能减少这个文本的大小

jquery - 如何在 Jquery 中重置动画

javascript - 如果页面 URL 包含某些特定文本，如何更改 SASS 变量属性值？

Answer 1

您可以将 csso 与选项 restructuring: 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;
}