Sass SCSS字体大小不适用

Sass SCSS字体大小不适用,sass,fonts,font-size,Sass,Fonts,Font Size,这是我第一次使用使用SCSS的网站模板,因此我不知道该怎么做 我有以下代码来设置导航栏链接的文本样式: .nav-link{ font: 500 15px/120px $rob; text-transform: uppercase; color: #fff; padding: 0px; display: inline-block; &:after{ display: none; } } 我已将最小/最大字体大小设置

这是我第一次使用使用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元素显示:

但当我检查代码时,它显示如下:

如果运气好的话,您可以使用Sass源地图找到真相。您的模板似乎内置了此功能,因为您可以在inspector代码中看到文件名
\u header.scss:17
。(如果没有启用源映射,它只会说编译的
.css
文件的名称。)

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

这将带您进入dev tools中的“Sources”面板,并显示编译此特定值的
.scss
文件,您可以查看是否编辑了正确的文件


由于将Sass文件拆分为较小的文件(或部分文件)是一种常见做法,因此您的编辑很有可能在模板的其他部分中被覆盖。

PS.
15px/120px
值不是最小/最大字体大小,它是字体大小/行高的缩写。