scss 文件中的 FontAwesome 错误答案

【问题标题】：FontAwesome error in scss filescss 文件中的 FontAwesome 错误
【发布时间】：2012-11-30 21:00:53
【问题描述】：

您好网络开发人员，我是 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，那就太好了。

对此有何建议？

【问题讨论】：

text-decoration: inherit 绝对有效。听起来 Intellij IDEA 没有正确地进行语法突出显示（它理解 Sass 还是您只是使用 CSS 语法突出显示？）。我之前在编写 Scala 时使用过 Intellij IDEA，但经常遇到误报。
如果 Sass 编译器没有抛出任何错误，我会忽略这些错误（或寻找另一个编辑器）。
好的，所以我的 IDE 不适合开发 scss...或者我至少必须为此找到合适的插件....但是我有另一个错误，它在抱怨vertical-align: initial; 似乎至少这不是该属性的有效值。见@css3.com/css-vertical-align 或w3schools.com/cssref/pr_pos_vertical-align.asp - 那么，这是怎么回事？
看起来像bug has been reported
感谢@steveax！之前没有自己检查 github ;)

标签： intellij-idea sass font-awesome

【解决方案1】：

提供的示例代码是有效的 Sass 并且可以正常编译。您的 IDE 只是缺少 Sass 的正确语法突出显示。

【讨论】：