CSS 选择器嵌套

Question

是否可以在选择器中嵌套选择器？我有很多看起来像这样的样式:

#header h1{
  ...
} 
#header img{
  ...
}
#header form{
  ...
}

我想压缩它们，使它们看起来像这样:

#header{
  h1{
    ...
  }
  img{
    ...
  }
  form{
    ...
  }
}

为了提高可读性。这在普通的旧 CSS 中可能吗？

Answer 1

不，不是。但是，如果您使用像 SASS 这样的预处理器或 LESS (仅举出最受欢迎的几个)是。

根据您的需要，您应该研究其中的一个。它们绝对值得，因为它们不仅可以通过嵌套选择器显着简化您的工作，还可以引入变量、混入、循环和其他方便的东西。

Introduction to and Comparison of CSS-Preprocessors