为什么符号“&”在我的 scss 代码中不起作用？

Question

嘿，我刚刚开始为我的投资组合建立一个网站，但我立即遇到了问题。 我以前从未使用过 Sass，只有基本的 css，所以我不知道所有的怪癖和技巧。 但我观看了一段视频以了解更多信息并了解有关创建我的响应式网站的更多信息。 我开始在更改导航栏上的某些元素的上下文中使用符号“&”。 代码如下：

header {

    nav {
        padding: 40px;   
     
    }        
    &__links {

        a {   
            font-size: $font-sm;
        
        }  
    }
    a:hover {
        color: $darkblue;

    }

}

"a:hover" 和 "nav" 完美运行，但 "&__links" 和它里面的所有东西都不起作用。 此代码所在的文件通过使用“导入”function 链接到主“Style.css”页面，该页面又通过以下命令链接到主 html 索引页面：“”。 感谢您在这里获得有关我的问题的任何帮助，如果需要，我可以发送更多代码。 但我相信这是我试图隔离问题时唯一需要的代码。 谢谢：）

Answer 1

&确实有效。 它会生成如下所示的内容：

header__links a {
  font-size: 10px;
}

不过，HTML 中不允许有<header_links>元素。

您可能想完全生成一个不同的选择器。