less - セルフセレクター LESS での変数の使用

Question

セルフセレクターの作成方法がわかりません。私の最善の推測は次のとおりです。

.mixin(@var) {
    &(~':nth-of-type(@{var}n)') {
        // do stuff
    }
}

しかし、

.el { .mixin(3); } 

プロデュース

.el :nth-of-type(3n) { //do stuff }

そして、望ましい結果を生み出すことができません。

この面での助けをいただければ幸いです。ありがとう。

Answer 1

使用している LESS のバージョンによって異なりますが、1.3.3 では動作するはずです。

.mixin(@var) {
    @nthItem: ~":nth-of-type(@{var}n)";

    &@{nthItem} {
        // do stuff
    }
}