不同编译器之间的CSS输出

有一段时间，我用Sublime的less2css插件编译我的less，但最近我开始使用LiveReload *，我喜欢它。不同编译器之间的CSS输出

我注意到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

来源

2013-02-15 Web_Designer

如果您认为我使用＆符号combinator令人困惑[本文]（http://tylersticka.com/2012/03/27/happier-ie-fallbacks-with-css- less-and-conditional-comments）有更多信息。 – 2013-02-15 08:20:25

LiveReload v0.7.1.0！做的工作就好了 http://crunchapp.net/

来源

2013-02-15 08:25:28

LiveReload也编译得不太正确，*并刷新我的浏览器*（是的，我很懒）。可能是less2css的错误？我以前试过Crunch。 '这是一个非常酷的应用程序，但我更喜欢在一个文本编辑器中完成所有的开发工作（崇高真棒）。 – 2013-02-15 08:30:45

不同编译器之间的CSS输出

回答

相关问题