SASS：直接后代规则？

Posted 2023-03-06

【中文标题】SASS：直接后代规则？

【英文标题】：SASS: Direct Descendent rule?

【发布时间】：2011-01-05 17:23:39

【问题描述】：

如何在 SASS 中表示直接后代 CSS 规则？

例如

body > div  ... 

似乎无法在文档中找到它：http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html

【问题讨论】：

Sass and combined child selector的可能重复

【参考方案1】：

你应该可以

body
  >div
    property:value

您可能必须使用反斜杠 \ 转义 >。

【讨论】：

注意：> 和 div 之间没有空格。我认为 sass 做不了这么久，因为我喜欢空白。

我一直都是& > div，但我不喜欢它，因为它看起来太乱了。这要干净得多，虽然不完美，但这当然不是你的错。谢谢！

我认为这应该在文档中的某个地方更明显

我正在尝试使用空格，它似乎有效（尽管我是通过 codeacademy 的 UI 进行的）。像这样：` > .nested_class `