SASS打破了我的選擇

Question

我遇到了SASS的麻煩。本地我有這個選擇器：

#featured-categories{ 
     ul{   
      li{ 
       width: 33.33%; 
      } 
     } 
} 

它按預期工作。部署（並壓縮），但這是編譯爲：

#featured-categoriesulli{width: 33.33%;} 

這當然是一個無效的選擇器。越直越往前配方：

#featured-categories ul li{ 
    width: 33.33%; 
} 

的行爲以同樣的方式 - 即編譯的東西被改寫的破碎。

我能得到這個編譯的唯一方法就是選擇的元素之間添加多餘的規則：

#featured-categories{ 
     margin: 0; 
     ul{ 
      margin: 0; 
      li{ 
       width: 33.33%; 
      } 
     } 
} 

這工作，但顯然不夠理想。

任何人都可以幫忙嗎？我正在運行sass 3.2.9的ruby 1.9.3項目。任何指針將不勝感激。

Answer 1

您提供的SCSS應該可以正常工作。請使用SassMeister或http://jsfiddle.net/Kjanu/加以檢查。它將編譯爲：

#featured-categories ul li { width: 33.33%; } 

所以你在你的設置中還有其他的錯誤。