しばらくの間、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%;
}
...しかし、崇高な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を使用しています。