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

Posted 2023-03-06

【中文标题】SASS中的元素>元素？ [复制]

【英文标题】：element > element in SASS? [duplicate]

【发布时间】：2016-03-05 07:51:57

【问题描述】：

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

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

div > p  
    background-color: yellow;

这是如何使用 SASS 实现的？

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

.header
    .p
        color:black;
    

请指点我正确的方向！

【问题讨论】：

您尝试过任何东西吗？有什么吗？

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

【参考方案1】：

给你：

div 
  > p 
       // You style
      

说明：

当你像这样使用嵌套时：

div 
    p 
       //
      

编译成：

div p 
       //

所以如果你想成为直子

div > p 
       //

那么你需要指定它。

【讨论】：

请稍微解释一下您的解决方案

谢谢@technotronic，感谢您的回答:)

【参考方案2】：

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

.header
    &>.p
        color:black;
    

【讨论】：

在这种情况下不需要使用&