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

score -1 · Accepted Answer

您提供的 SCSS 应该可以正常工作。使用SassMeister或http://jsfiddle.net/Kjanu/检查一下。它将编译为：

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

因此，您的设置中出现了其他问题。

1 回答 1