3

このミックスインで構文エラーが発生します。

.vendors(@statement){
  @statement;
  -moz-@statement;
  -webkit-@statement;
}

これを行う方法はありますか、または mixin 変数は ? の右側にある必要があり:ますか?

4

3 に答える 3

5

Less v2 以降、autoprefix プラグインを使用してプロパティにプレフィックスを付けることができます。これはより良い代替手段のようです。autoprefix プラグインは、autoprefixer ポストプロセッサーを利用してブラウザーのプレフィックスを追加します。クライアント側のコンパイル (ブラウザ内) では、-prefixfreeを使用できます。

ここで@ScottSがすでに述べたように、Less v1.6以降、セレクターで変数補間を使用できます。これにより、次のことが可能になります。

.prefix(@property, @value)
{
    -webkit-@{property}:@value;
    @{property}:@value;
}
selector {
    .prefix(property,value);
}

出力:

selector {
  -webkit-property: value;
  property: value;
}

次もお読みください:ベンダー プレフィックスの LESS を過度に複雑にしていますか?

于 2014-11-04T15:50:07.990 に答える
1

つまらない答えですが、私はそれが可能だとは思いません。

于 2012-09-22T07:18:56.980 に答える
0

これを行う方法はありませんが、回避策があります。うまくいくとしたら、次のようになると思います。

.vendors(@prop, @val){
  ~"-webkit-@{prop}:@{val}";
}

注：これは機能しません。

このトピックに関する非常に長い議論があります: https://github.com/cloudhead/less.js/pull/698

このライブラリを利用できるかもしれません: less-properties

于 2013-05-22T20:34:29.470 に答える