在scss文件中的FontAwesome錯誤

你好夥伴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以同樣的方式。

對此有何建議？

來源

2012-11-28 herom

'text-decoration：inherit'肯定有效。這聽起來像Intellij IDEA沒有正確地進行語法高亮（它理解Sass還是僅僅使用CSS語法高亮？）。我在寫Scala之前曾使用過Intellij IDEA，並經常遇到誤報。 – cimmanon

如果Sass編譯器沒有拋出任何錯誤，我會忽略錯誤（或找到其他編輯器）。 – steveax

好的，所以我的IDE沒有適當的配置來開發scss ......或者我必須爲這個至少找到正確的插件....但是我有另一個錯誤，它在抱怨'vertical-align：initial; '至少這似乎並不是該物業的有效價值。參見@ http://www.css3.com/css-vertical-align/或http://www.w3schools.com/cssref/pr_pos_vertical-align.asp - 那麼，這有什麼關係？ – herom

提供的示例代碼是有效的Sass，並按其應該編譯。您的IDE僅缺少適用於Sass的正確語法突出顯示。

來源

2012-11-30 13:00:53 cimmanon

在scss文件中的FontAwesome錯誤

回答

相關問題