1

スタイラスでベンダー固有の css mixin を実行しようとしていますが、これをドキュメントから直接取得しましたが、css をまったくレンダリングしていないようです。何かご意見は？

vendor(prop, args)
  -webkit-{prop} args
     -moz-{prop} args
      -ms-{prop} args
       -o-{prop} args
          {prop} args

border-radius()
  vendor('border-radius', arguments)

li
 border-radius 3px 3px 0 0

動作するはずですが、スタイルシートがレンダリングされると、border-radius プロパティがありませんか?

また、ミックスインだけでも正常に動作しています

border-radius()
  -webkit-border-radius arguments
  -moz-border-radius arguments
  -ms-border-radius arguments
  -o-border-radius arguments
  border-radius arguments

li
  border-radius 3px

レンダリング:

li{
  -webkit-border-radius: 3px
  -moz-border-radius: 3px
  -ms-border-radius: 3px
  -o-border-radius: 3px
  border-radius: 3px
}

予想通り。これについて何か考えはありますか？

ありがとう

4

1 に答える 1

3

ねえ、私はこれを理解し、答えを返信すると思いました。私をつまずかせていたのは、mixin vendor(prop, args) がインデントされていたため、コードがレンダリングされていなかったことです。インデントに注意してください！

vendor(prop, args)
  -webkit-{prop} args
     -moz-{prop} args
      -ms-{prop} args
       -o-{prop} args
          {prop} args

次のようにする必要があります。

vendor(prop, args)
  -webkit-{prop} args
  -moz-{prop} args
  -ms-{prop} args
  -o-{prop} args
  {prop} args
于 2012-12-24T04:07:00.383 に答える