什么是&；：：scss中的前均值

我在我的scss文件中遇到了一些样式，如下所示：

:host {
    &::before {
        content: '';
        display: block;
        width: 100%;
        height: $channel-border-w;
        background: $color-border-divider-bg;
    }
}

这是否意味着要在我的宿主之前设置元素的样式？

From

在CSS中，：：before创建作为所选元素的第一个子元素的伪元素。它通常用于向具有content属性的元素添加示意性内容。默认情况下，它是内联的

前面的表示它正在将这个伪选择器添加到它嵌套的选择器中，该选择器是您的宿主元素

您发布的代码片段可以翻译为：

:host::before {
   ... your styles here ...
}

---

&将所选内容添加到父选择器。 ：：之前创建一个伪元素作为父选择器的子元素

我在这里向您提供完整的文档：

---

在本例中，符号AND用于指示您正在使用嵌套的伪元素。例如，您不能在SCS中单独嵌套一个

：hover

伪类，您必须首先添加符号：

&:hover

。双冒号表示伪元素选择器，这意味着before元素实际上不在DOM中，尽管您仍然可以将其用作选择器。伪类使用一个冒号（即：hover），而伪元素使用两个。@Mark您能接受您的评论并将其作为答案发布吗？我认为您已经很好地解释了元素实际上不在DOM中，而其他答案只是重申了它在文档中所说的内容online@RDoolabh你的问题被标记为重复，所以很不幸我不能将其作为答案发布。但很高兴听到这有帮助！