LESS CSSネストクラス

CSSを改善するためにLESSを使用しており、クラスをクラス内にネストしようとしています。かなり複雑な階層がありますが、何らかの理由で私の入れ子が機能しません。私はこれを持っています：

.g {
    float: left;
    color: #323a13;
    .border(1px,#afc945);
    .gradient(#afc945, #c8da64);
    .common;
    span {
        .my-span;
        .border-dashed(1px,rgba(255,255,255,0.3));
    }
    .posted {
         .my-posted;
         span {
            border: none;
         }
    }
}

動作しません.g.posted。それは単に.gビットを示しています。私がこれをするならそれは大丈夫です：

.g {
    float: left;
    color: #323a13;
    .border(1px,#afc945);
    .gradient(#afc945, #c8da64);
    .common;
    span {
        .my-span;
        .border-dashed(1px,rgba(255,255,255,0.3));
    }
}

.g.posted {
         .my-posted;
         span {
            border: none;
         }
    }

私は巣にたい.postedに.gかかわらず。何か案は？

&文字がする機能を有するthisキーワードを、実際に（事は、私は答えを書いている時点では知りませんでした）。書くことは可能です：

.class1 {
    &.class2 {}
}

生成されるCSSは次のようになります。

.class1.class2 {}

ちなみに、@ grobittoが最初にこの情報を投稿しました。

[元の回答]

LESSはこの方法では機能しません。

.class1.class2 {} -同じDOMノードで2つのクラスを定義しますが、

.class1 {
    .class2 {}
}

ネストされたノードを定義します。.class2クラスを持つノードの子である場合にのみ適用されますclass1。

私もこれと混同されており、私の結論は、LESSにはthisキーワードが必要だということです。

.g {
    &.posted {
    }
}

.postedの前に「＆」を追加する必要があります

アンパサンドがネストの子要素のすぐ隣にある場合は、ダブルクラスセレクターにコンパイルされます。＆とセレクターの間にスペースがある場合、子セレクターにコンパイルされます。ネスティングの詳細については、こちらの Lessを参照してください。