css - LESS：ネストを使用して現在のタグを指定するにはどうすればよいですか？

Question

次のCSSがあります：

.button {
    background-color: black;
    border-radius: 4px;
    color: white;
}

a.button {
    text-decoration: none;
    color: white;
}

LESSで作り直したいのですが、次のようになります。

.button {
    background-color: black;
    border-radius: 4px;
    color: white;

    a& {
        text-decoration: none;
        color: white;
    }
}

しかし、それは次の（間違った）CSSを生成します：

.button {
    background-color: black;
    border-radius: 4px;
    color: white;
}

/* unexpected space */
a .button {
    text-decoration: none;
    color: white;
}

どうすれば正しくできますか？

Answer 1

これらの要素は必ずしもネストされているとは限らないため、LESSネストは適用されません。

Answer 2

これは完全にバージョンの問題です。@freejoshがコメントしたように、LESSの最新リリースで解決されています。上記のコードをhttp://less2css.org/に移動すると、正常に動作します（LESS 1.3.3を実行していますが、バージョンを1.3.0に変更すると、期待どおりに機能しなくなり、のスペース）。

lessc 1.3.0を実行していると述べているので、LESSバージョンをアップグレードする必要があります。

Answer 3

美しくはありませんが、うまくいきます！:)

.button {
    background-color: black;
    border-radius: 4px;
    color: white;
}

a,b,other{
    &.button{
        .button;
        text-decoration: none;
        color: white;
    }
}