分部操作员在手写笔中采用字面意思

Question

我正在尝试进行简单的划分:

div
  height 20px / 2

/* Compiles to: */
div {
  height: 20px/2
}

我能够使用乘法来实现它...但为什么除法不起作用？

div
  height 20px * .5

/* Compiles to: */
div {
  height: 10px;
}

Answer 1

在/属性值中使用时,必须用parens包装.否则,/字面意思(支持CSS line-height).请参阅:Multiplicative: * / %在Stylus Docs的"操作员"部分中.

div
  height (20px / 2)

/* Compiles to: */
div {
  height: 10px;
}