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。我在做什么错？

检查元素显示以下内容：

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

Answer 1

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

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

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

由于通常将Sass文件分割成较小的文件（或partials），因此您的编辑很有可能被模板中的其他部分之一覆盖。