1

Sass を使用して CSS スタイルシートを生成しています。一貫したタイポグラフィが必要なので、 http://orderedlist.com/our-writing/resources/html-css/thinning-text-in-webkit-safari/の CSS ルールを使用して、Webkit ベースのテキストを細くしたいと考えています。ブラウザ。これでうまくいくと思いました：

body
  -webkit-text-stroke: 1px transparent
@media only screen and (max-device-width:480px)
  body
    -webkit-text-stroke:0 black

最初の部分は正常に動作しますが、2 番目の部分 (モバイル Safari の例外) はレンダリングされます。

@media only screen and (max-device-width:480px) { }

うーん！さて、どうやら Sass の次のメジャー リリースでは括弧がサポートされるようです。しかし、私がやろうとしていることを適切に生意気な方法で行う方法はありますか? すでに@media only行を でエスケープしようとしました\が、それにより Sass がそのセクションを完全に無視するように見えました。

4

1 に答える 1

1

コロンと 0 の間にはスペースが必要です。

body
  -webkit-text-stroke: 1px transparent
@media only screen and (max-device-width:480px)
  body
    -webkit-text-stroke: 0 black

スペースは、セレクター構文からプロパティ構文を明確にします。

于 2010-01-27T21:06:32.840 に答える