Question

你好web开发者，我是SASS的新手，使用Intellij IDEA Ultimate开发。我将font-awesome.scss目录中的fontawesome/sass文件复制到我的项目中，我从IDE中收到了一些错误，主要是在这样的结构中：

.btn, .nav-tabs {
  [class^="icon-"], 
  [class*=" icon-"] {
    /* keeps button heights with and without icons the same */
    line-height: .9em;
  }
}

它一直在将冒号,作为[class^="icon-"]和[class*=" icon-"]之间的分隔符唠叨。

但如果该部分看起来像这样

a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}

一切都很好。

此外，在生成的font-awesome.css文件中，有一些明显的错误，因为text-decoration: inherit;绝对没有有效的CSS值。可能是这些都是错误，或者我在这里弄错了什么？

我应该如何更改上面显示的scss文件中的语法以防止错误？

我想使用font-awesome.scss，因为我还打算在整个项目中使用SASS，如果我能以同样的方式使用 fontawesome ，那将会很酷。< / p>

对此有何建议？

Answer 1

提供的示例代码是有效的Sass并按预期编译。您的IDE缺少Sass的正确语法高亮显示。

scss文件中的FontAwesome错误

1 个答案: