1

SASS でさまざまなクラスを生成する関数を作成したいと考えています。このようなもの

@function test($class-name) {
    @for $i from 1 through $tot-class {
        .#{$class-name}-#{$i} {
            //some rules
        }
    }
}

しかし、私はこの関数を呼び出す方法を理解できません。私は試してみました

 @test(red);

また

 test(red);

しかし、うまくいかないようです。正しい方法はどれですか?

4

1 に答える 1

4

ここでの主な問題は、実際には関数を使用するのではなく、ミックスインが必要なことです。違いは、関数には CSS ルールが含まれていないことです。値を返すだけです (変数に代入したり、CSS プロパティ宣言で使用したりできます)。一方、Mixin には戻り値がなく、Mixin が SASS ドキュメントに含まれる場合に追加される本格的な CSS ルールを含めることができます。ミックスインとしての例は次のようになります。

@mixin test($class-name) {
    @for $i from 1 through $tot-class {
        .#{$class-name}-#{$i} {
            //some rules
        }
    }
}

次に、次を使用して、後で mixin を含めます。

@include test(red);
于 2012-09-07T13:42:04.667 に答える