Sass “&”选择器选择什么？

在codepen中有一个css选择器&：悬停该选择器与什么匹配？

我相信与符号是一种功能。从文档中：

有时，在其他应用程序中使用嵌套规则的父选择器很有用 方式比默认方式。例如，您可能希望有特殊的 将选择器悬停在上方或主体上时的样式 元素有一个特定的类。在这些情况下，您可以显式地 使用指定插入父选择器的位置& 性格

---

没错。在Sass中你可以有这样的东西

 div {
    background: green;

    p {
        background: red;

        &:hover {
            background: blue;
        }

        &:active {
           background: blue; 
        }
    }   
}

…当转换为CSS时，将变成：

div {
    background: green;
}

div p {
    background: red;
}

div p:hover {
    background: blue;
}

div p:active {
    blue;
}

---

编辑：from&hover:to&:hover

一个不太为人所知的用法是，可以在样式的末尾添加符号，使父选择器成为子选择器

例如：

变成

  h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .some-parent-selector h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }

您可以在此处阅读更多有关和使用的信息

---

如果你仔细看，你可能已经看到CSS标签标题旁边写着SCS。@真相：假设评论是针对我的，那么是的：我确实看到了。然而，我在回答问题本身中的明确陈述：…有一个css选择器&：hover。也许我应该说得更清楚，在第二个代码块中，它不是应该是divp:hover{background:blue；}和divp:active{background:blue；}吗？我只是想澄清一下…是的。当然我道歉。愚蠢的错误。固定的

  h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .some-parent-selector h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }