css - 在 Sass 中更正 webkit 文本笔划

Question

我正在使用 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

第一部分工作正常，但第二部分（移动 Safari 除外）呈现为

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

唔！现在，显然 Sass 的下一个主要版本将支持括号，所以那时我可能只能加入 CSS 版本。但是有没有办法以适当的野蛮方式做我想做的事情？我已经尝试用转义该@media only行\，但这似乎导致 Sass 完全忽略了该部分。

score 1 · Accepted Answer

您需要在冒号和 0 之间有一个空格。

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

空格消除了属性语法与选择器语法的歧义。

1 回答 1