预先存在的CSS块中的CSS元素选择器

Question

我很想知道是否有更优雅的方式来做到这一点

.main-content {color: red; font-size: 10px;}
.main-content > h1 {font-size: 25px;}

我不知道这是否真的是一件事，但我依稀记得在第一个css区块中看到这个更优雅，但我似乎无法弄清楚它是如何工作的，或者我是否甚至记得正确。

例如（这实际上没有用，但它应该解释我想要完成的事情）

.main-content {
  color: red;
  font-size: 10px;
  > h1 {
    font-size: 25px;
  }
}

Answer 1

您需要查看Sass，Less或类似的css预处理器。