2013-07-25 38 views
-1

我遇到了SASS的麻烦。本地我有这个选择器: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项目。任何指针将不胜感激。

+2

Sass不会像那样编译,你有另一台压缩器是否会在生成的CSS之后进行翻译? – cimmanon

回答

-1

您提供的SCSS应该可以正常工作。请使用SassMeisterhttp://jsfiddle.net/Kjanu/加以检查。它将编译为:

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

所以你在你的设置中还有其他的错误。