2015-02-24 42 views
0

如果我application.css.sass在自定義CSS沒有多餘的空間,如:無效的CSS只在application.css.sass

/* 
*= require_self 
*= require_tree . 
*/ 

.locale { 
    float: right; 
    margin: -0.25em 0.1em; 
} 

我通常的錯誤:Invalid CSS after "right": expected expression (e.g. 1px, bold), was ";"

但是,如果我添加額外的或更大的空間,我沒有得到的CSS錯誤,但風格不添加

/* 
*= require_self 
*= require_tree . 
*/ 

    .locale { 
    float: right; 
    margin: -0.25em 0.1em; 
    } 

隨着我的自定義SCSS其餘我沒有這個PROBL EM。 我有其他的應用程序沒有這個問題。

+1

你爲什麼要對'application.css'進行修改?只需創建一個新文件,如'main.css.scss'並將所有樣式放在那裏。 – Vucko 2015-02-24 10:31:20

+0

謝謝vucko。是的可能性,是的。我正在關注「使用Rails 4進行敏捷Web開發」,並以這種方式編碼。我沒有與其他應用程序的問題,只有這個。我試圖理解爲什麼。 – 2015-02-24 10:35:14

+0

如果刪除'.sass'擴展名 - >'application.css'會怎麼樣? – Vucko 2015-02-24 10:40:33

回答

2

application.scss更改爲application.scss,因爲.sass擴展名的文件使用縮進語法(對空白區域敏感)。這解釋了你的錯誤。

Here是關於使用哪種語法的爭論。

+0

謝謝@timsvoice – 2015-02-25 18:44:09