1

有一段时间，我曾经使用Sublime的less2css插件编译我的less，但最近我开始使用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%;
}


...但是我在 sublime 中的 less2css 插件与我的选择器不匹配：

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

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


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

4

1 回答 1

1

就我而言，紧缩！做得很好 http://crunchapp.net/

于 2013-02-15T08:25:28.003 回答