Question

有一段时间，我曾经使用less的Sublime插件编译我的less2css，但最近我开始使用LiveReload *并且我喜欢它

我注意到CSS输出之间的差异取决于我使用的编译器。

对于以下LESS：

.gallery {
    margin-bottom: 1em;

    img {
        .wide-gallery& {
            width: 49%;

            &:nth-child(odd) {
                margin-right: 2%;
            }
        }
    }
}

LiveReload给了我预期的输出：

.gallery {
  margin-bottom: 1em;
}
.wide-gallery.gallery img {
  width: 49%;
}
.wide-gallery.gallery img:nth-child(odd) {
  margin-right: 2%;
}

...但我崇拜的less2css插件与我的选择器不匹配：

.gallery {
  margin-bottom: 1em;
}
.wide-gallery .gallery img {
  width: 49%;
}
.wide-gallery .gallery img :nth-child(odd) {
  margin-right: 2%;
}

两个编译器是否只使用不同版本的？我不确定这里发生了什么。

*我在Windows 8上使用LiveReload v0.7.1.0。

Answer 1

在我的情况下，Crunch！做得很好 http://crunchapp.net/

较少编译器之间的CSS输出不同

1 个答案: