html - 预先存在的 CSS block 中的 CSS 元素选择器

Question

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

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

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

例如(这实际上不起作用，但它应该解释我想要完成的事情)

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

Answer 1

你需要调查Sass , Less或类似的 css 预处理器。