有没有办法用SASS优化处理过的CSS

Question

我有normalise.scss和base.scss个文件。我正在为两个文件中的h标记添加样式。在编译的CSS文件中，它们被添加到两个不同的位置，如下所示：

/* set in the base */
h1, h2, h3, h4, h5, h6 {
 font-family: Times;
}

/* set in the normalise */
h1, h2, h3, h4, h5, h6 {
 margin: 0;
 padding: 0;
}

是否有红宝石宝石或实用程序将所有这些组合成一个声明？即

h1, h2, h3, h4, h5, h6 {
 font-family: Times;
 margin: 0;
 padding: 0;
}

Answer 1

也许这会对你有所帮助。它是一个for循环的sass。

%heading{
   /*your css*/
}

@for $i from 1 through 6 {
  .h#{$i} { @extend heading; }
}