手写笔：多个值的哈希键未编译

【问题标题】：Stylus: a hash key for multiple values isn't compiling手写笔：多个值的哈希键未编译
【发布时间】：2021-10-22 16:46:32
【问题描述】：

在 Stylus 中，我们如何将哈希键分配给值列表？以下方法都不适合我，它不会编译：

main-content-font = {
  family: "Noto Sans", sans-serif,
  size: 1em
}

main-content-font = {
  family: ("Noto Sans", sans-serif),
  size: 1em
}

main-content-font = {
  family: ("Noto Sans" sans-serif),
  size: 1em
}

main-content-font = {
  family: "Noto Sans" sans-serif,
  size: 1em
}

main-content-font = {
  family: "Noto Sans" sans-serif
  size: 1em
}

【问题讨论】：

标签： css stylus

【解决方案1】：

你没有注意到你是怎么称呼它的，但这里有 2 个替代方案：

将整个内容用单引号括起来并使用unquote 调用它应该可以帮助您：

main-content-font = {
  family: '"Noto Sans", sans-serif',
  size: 1em
}

.selector {
  font-family unquote(main-content-font[family]);
  .subselector {
    font-size main-content-font[size];
  }
}

Confirm in the stylus REPL.

就像在那里创建一个带有字体系列的变量，在散列中引用它，然后在没有附加函数的情况下调用散列成员：

sansserif = "Noto Sans", sans-serif

main-content-font = {
  family: sansserif,
  size: 1em
}

Also viewable in the REPL.

【讨论】：