更少的编译器生成空规则

Question

输入少：

.className1{
  /* comment */
  .className2{
    height: 50rem;
  }
  .className3{
    width: 3rem;
  }
}

CSS输出：

.className1 {
  /* comments */
}
.className1 .className2 {
  height: 50rem;
}
.className1 .className3 {
  width: 3rem;
}

在较少的编译器中是否有一个选项可以防止生成上述的空CSS规则？还是这是一个错误，还是由少了一些人设计的作品？

Answer 1

如果您使用/* comment */进行评论

您创建CSS注释，较少的编译器将强制在输出中显示它们

但是如果您使用// comment作为JavaScript注释创建注释

更少的编译器可以忽略它