SCSS字体大小不适用

Question

这是我第一次使用使用SCSS的网站模板，因此我不知道该怎么做。

我有以下代码来设置导航栏链接的文本样式：

.nav-link{
    font: 500 15px/120px $rob;
    text-transform: uppercase;
    color: #fff;
    padding: 0px;
    display: inline-block;
    &:after{
        display: none;
    }
}

我将最小/最大字体设置为15px / 120px。但是在我的网站上，它始终显示为12px。我在做什么错了？

Inspect元素显示以下内容：

但是当我检查代码时，它显示如下：

Answer 1

幸运的是，您可以使用Sass源映射找到通往真相的道路。模板似乎是内置的，因为您可以在检查器代码中看到文件名_header.scss:17。 （如果未启用源映射，则只会说出已编译的.css文件的名称。）

在Chrome开发工具中，您可以按住Ctrl键单击属性值-在本例中为500 15px/120px $rob，如屏幕截图所示。

这应该带您进入开发工具中的“源”面板，并显示编译该特定值的.scss文件，您可以查看是否在编辑正确的文件。

由于将Sass文件拆分为较小的文件（或 partials ）是一种常见的做法，因此您的编辑很有可能会被模板中的其他部分之一覆盖。