SASS 破坏了我的选择器答案

【问题标题】：SASS breaks my selectorSASS 破坏了我的选择器
【发布时间】：2013-07-27 01:02:29
【问题描述】：

我在使用 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 项目中。任何指针将不胜感激。

【问题讨论】：

【解决方案1】：

您提供的 SCSS 应该可以正常工作。使用SassMeister 或http://jsfiddle.net/Kjanu/ 进行检查。它会编译成这样：

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

所以您的设置中出现了其他问题。

【讨论】：