Html 在CSS中使用“&”选择器的基本原理是什么？

Js文件：

.menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX
(-100%);
    transition: tranlation: all ease
0.25s;
    &.open {
        transform: translateX (0);
    }
}

---

在我的代码中没有选择&.open，在我的文本编辑器VS代码中有红色下划线，但讲师实现了与它工作时相同的代码。在CSS中使用&有什么理由吗？

&。className或&:pseudo class基本上是一种编写选择器的SCSS语法，其目的是在className属性中选择多个场景。例如，在您的代码中.menu类还有另一个名为.open的类，它的结构是这样的，这意味着您选择了一个元素，其中的类名同时是.menu和.open，这是在CSS预处理器SASS-SCSS中编写嵌套代码的一种方式。以.CSS扩展名保存的典型文件可能无法读取此语法，因此引发错误。希望这个答案有帮助。祝你一切顺利

这看起来更像是less或scss，move.open在父级下面并使用.menu.open.Note你有一个{在转换结束时：translation:all ease 0.25s；{哦，那是真的。我在这里键入代码时犯了一个错误，但实际上它不是我在文本上实现的代码

$(document).ready (function (){
    ${".navbar-toggler"}.on("click", function (){
        $("menu").toggleClass ("open");
    });
});