0

現在、グリッドをLESSに変換していますが、文字列補間がわかりません。

すべての列を生成することになっているヘルパー クラスを次に示します。

.createColumns (@colNumber+1) {}

.createColumns (@index) when (@index < @colNumber) {
    (~".col@{index}") {
         width: @baseWidth * @index;
    }

    .createColumns (@index + 1);
}

.createColumns (01);

問題は、この部分に何か問題があるというエラーが表示されることです(~".col@{index}")。

エラーメッセージは次のとおりです。

ParseError: Unrecognised input
in grid.css on line 17, column 4:
16    .createColumns (@index) when (@index < @colNumber) {
17        (~".col@{index}") {
18            width: @baseWidth * @index;

いくつかの例を確認しましたが、すべて同じ構文を使用しているため、何が欠けているのかわかりません。これは、エラーが発生した私の試みの1つでもありました。

.createColumns (@index) when (@index < @colNumber) {
    @class : "col"@index;
    .(@class) {
        width: @baseWidth * @index;
    }
.createColumns (@index + 1);
}
4

1 に答える 1

3

エスケープされたセレクタ補間は 1.4.x では非推奨です。

.col@{index} {
     width: @baseWidth * @index;
}

代わりは。

于 2013-09-07T16:29:07.187 に答える