不同編譯器之間的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輸出

回答

相關問題