SASS中的元素>元素？ [复制]答案

【问题标题】：element > element in SASS? [duplicate]SASS中的元素>元素？ [复制]
【发布时间】：2016-03-05 07:51:57
【问题描述】：

我已经四处搜索，只是没有找到答案，但希望这是一个简单的答案，说实话！

我正在学习 SASS，并且一直在尝试转换现有的 .css 文件。我在那里遇到了一个这样的选择器。

div > p { 
    background-color: yellow;
}

这是如何使用 SASS 实现的？

是一样的吗？或者有没有办法像这样嵌套多个类...

.header{
    .p{
        color:black;
    }
}

请指点我正确的方向！

【问题讨论】：

您尝试过任何东西吗？有什么吗？
是的，我确实尝试了一些东西。我没有包括它们，因为我认为展示我失败的尝试不会为实际问题增加任何价值。很抱歉，我没有遇到之前回答的问题，我确实看过，但一定是用不同的方式对搜索进行了措辞，它没有为我找到答案。

标签： css sass

【解决方案1】：

给你：

div {
  > p {
       // You style
      }
}

说明：

当你像这样使用嵌套时：

div {
    p {
       //
      }
}

编译成：

div p {
       //
}

所以如果你想成为直子

div > p {
       //
}

那么你需要指定它。

【讨论】：

【解决方案2】：

类似下面的东西应该可以工作：

.header{
    &>.p{
        color:black;
    }
}

【讨论】：