如何分组CSS类设置

Question

是否可以组合类设置组，类似于如何组合@media的设置组？换句话说，而不是这样做：

h1.subtitle,
h2.subtitle,
h3.subtitle,
h4.subtitle,
h5.subtitle,
h6.subtitle,
.h1.subtitle,
.h2.subtitle,
.h3.subtitle,
.h4.subtitle,
.h5.subtitle,
.h6.subtitle {
  margin-top:0;
}

我想做这样的事情：

.subtitle {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    margin-top:0;
  }
}

Answer 1

您可以使用less CSS或SASS作为预编译器。但它会像这样产生它：

.subtitle h1 {} 
.subtitle h2 {}
...

否则无法实现。

注意：您不必在课堂前使用该类型。

Answer 2

使用Sass或Less，你可以做这样的事情

h1,
h2,
h3,
... {
 &.subtitle {
  margin-top:0;
 } 
}

哪个会输出到

h1.subtitle,
h2.subtitle,
h3.subtitle,
... {
  margin-top:0;
}