1

しばらくの間、Sublimeless2cssプラグインを使用して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%;
}


...しかし、崇高なless2cssプラグインが私のセレクターと一致しませんでした:

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

2 つのコンパイラは、異なるバージョンの less を使用しているだけですか? ここで何が起こっているのかわかりません。


※Windows8でLiveReload v0.7.1.0を使用しています。

4

1 に答える 1

1

私の場合、クランチ!仕事はうまくやった http://crunchapp.net/

于 2013-02-15T08:25:28.003 に答える