2012-11-28 31 views
0

你好伙伴webdevelopers, 我是SASS的新手,用Intellij IDEA Ultimate开发。我从fontawesome/sass目录font-awesome.scss文件复制到我的项目,我从IDE得到了一些错误,主要是在这样的结构:在scss文件中的FontAwesome错误

.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值。难道这些都是bug,还是我在这里弄错了?

如何更改上述scss文件中的语法以防止出现错误?

我想用font-awesome.scss,因为我还计划使用SASS整个项目,这将是冷静,如果我可以使用fontawesome以同样的方式。

对此有何建议?

+1

'text-decoration:inherit'肯定有效。这听起来像Intellij IDEA没有正确地进行语法高亮(它理解Sass还是仅仅使用CSS语法高亮?)。我在写Scala之前曾使用过Intellij IDEA,并经常遇到误报。 – cimmanon

+1

如果Sass编译器没有抛出任何错误,我会忽略错误(或找到其他编辑器)。 – steveax

+0

好的,所以我的IDE没有适当的配置来开发scss ......或者我必须为这个至少找到正确的插件....但是我有另一个错误,它在抱怨'vertical-align:initial; '至少这似乎并不是该物业的有效价值。参见@ http://www.css3.com/css-vertical-align/或http://www.w3schools.com/cssref/pr_pos_vertical-align.asp - 那么,这有什么关系? – herom

回答

1

提供的示例代码是有效的Sass,并按其应该编译。您的IDE仅缺少适用于Sass的正确语法突出显示。