Sass SCSS字体大小不适用
这是我第一次使用使用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; } } 我已将最小/最大字体大小设置
.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
值不是最小/最大字体大小,它是字体大小/行高的缩写。