CSS-选择器中包含选择器是否有效

我在阅读有关角材料的文档时遇到了以下问题：

.column-login {

    padding: 16px;

  div {
    background: #f5f5f5;
    border: 1px solid #000;
    padding: 50px;
    margin: 16px 0;
  }
}

我觉得有点奇怪。 我正在使用VisualStudio代码，它显示了一系列错误，正如我预期的那样

但是代码工作得很好。 现在，是否有任何等效于这段css代码

因为我试过：

.column-login {

    padding: 16px;
}

.column-login > div {
    background: #f5f5f5;
    border: 1px solid #000;
    padding: 50px;
    margin: 16px 0;
  }

以及：

但它坏了。它只适用于我刚才向您展示的第一段代码。 但我不知道，我觉得很奇怪。

---

有人能解释一下为什么它是正确的吗？

嵌套规则不是有效的CSS，但它是CSS预处理器程序的一个功能，比如-它在编译时生成有效的CSS

您的示例从Sass生成以下内容：

.column-login {
  padding: 16px; 
  }
.column-login div {
  background: #f5f5f5;
  border: 1px solid #000;
  padding: 50px;
  margin: 16px 0; 
  }

---

这不是CSS。它可能是SASS或其他CSS预处理器。哦，现在有道理了。我对此很困惑。哈哈，非常感谢你帮我澄清了这一点

.column-login {
  padding: 16px; 
  }
.column-login div {
  background: #f5f5f5;
  border: 1px solid #000;
  padding: 50px;
  margin: 16px 0; 
  }