html - CSS 是否可以嵌套(就像 SASS 一样)？

Question

这可能是一个非常愚蠢的问题，但我找不到任何东西而且看起来很明显:嵌套 CSS 是否可以像 SASS 一样？

比如我想在某个页面上定义一个h1标签，那么我这样写:

body.certain_page h1 {
  font-size: 12px;
}

到目前为止一切顺利。如果我希望这种样式应用于多个页面，我会这样写:

body.certain_page h1, body.other_page h1 {
  font-size: 12px;
}

现在，当您以这种方式定义大量规则时，会变得非常累人。写这样的东西会容易得多:

body.certain_page, body.other_page {
  h1 {
    font-size: 12px;
  }
}

就像一个媒体查询。为什么那不可能？还是我遗漏了什么？

Answer 1

不，现在不可能，这就是为什么 SASS 将嵌套列为一项功能。