节点无效的CSS

本文介绍了节点无效的CSS的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

node-sass甚至支持@use吗?由于出现此错误:

Does node-sass even support @use ? Since I'm getting this error:

SassError:"... t-family:fonts"之后的无效CSS:预期表达式(例如1px，粗体)为.$ roboto;"

SassError: Invalid CSS after "...t-family: fonts": expected expression (e.g. 1px, bold), was ".$roboto;"

这是Nav.scss的代码:

Here's the code of Nav.scss:

.nav { width: 100%; font-family: fonts.$roboto; &__item { margin-bottom: 10px; font-size: variables.$a; &_active { color: rgb(37, 133, 34); } } &__item:last-child { margin-bottom: 0px; } }

这是fonts.scss的代码:

Here's the code of fonts.scss:

$roboto: 'Roboto';

推荐答案

语法对于node-sass不正确.

The syntax is incorrect for node-sass.

您已经在fonts.scss中正确定义了font变量，但是如果尚未使用，则需要将字体文件导入到Nav.scss文件中.

You have defined the font variable correctly in fonts.scss but you need to import the font file into your Nav.scss file if you haven't already with:

@import "PATH/fonts.scss";

然后，您只需要像这样引用变量即可:

You then just need to reference the variable like so:

font-family: $roboto;