我有一个 sass 公式的问题,公式通过了,但没有给出正确的结果。

@for $i from 0 through 99 {
   $j:0;
   @if $i>15 {
     $j:1; 
   }
   @if $i>31 {
     $j:2; 
   }
   @if $i>47 {
     $j:3; 
   }
   @if $i>63 {
     $j:4; 
   }
   @if $i>79 {
     $j:5; 
   }

   $k:$i%16;

   $calc-pos-y:calc(#{$j*20%} + #{#{$i%8*$i%8}px});
}

例如,当$i=91 ,通常$i%8*$i%8应该是3*3=9 ,所以$calc-pos-x: calc(100% +9px) 但是,我得到calc(100% +1px)

随着我增加$i ,我相继获得:

  calc(100% +0px)
  calc(100% +1px)
  calc(100% +4px)
  calc(100% +1px)

对于$i=88我得到calc(100% +0px) ,这很好。
对于$i=89我得到calc(100% +1px) ,这很好。
对于$i=90我得到calc(100% +4px) ,这很好。

我认为$i=91的结果是(91*91)%8 ,所以8281%8=1

我怎么能有3*3=9

$calc-pos-y:calc(#{$j*20%} + #{#{$i%8}*#{$i%8} px}); //give an error

#1楼 票数:1 已采纳

这是一个简单的运算符优先级问题,您忘记了公式中的括号。 试试这个:

$calc-pos-y: calc(#{$j * 20%} + #{($i % 8) * ($i % 8)}px);

  ask by Fouvet Sébastien translate from so

未解决问题?本站智能推荐:

2回复

SCSS / SASS:如何在每个循环内创建变量

在我的SASS代码中,我有一个包含所有颜色的数组,然后创建了一个each循环以从这些颜色创建css变量,最后我想做另一个循环以创建这些css颜色的每个sass变量...让我给你看 /********************************************************
1回复

如何一次定义多个SASS / SCSS变量?

而不是分别定义多个变量,例如: 有没有办法一次定义它们? 这样的东西?
2回复

如何避免_variables.scss中的Sass变量名重复?

我有 _variables.scss,它的结构如下BEM 命名约定。 我在重复变量名$slot- 。 有没有办法做这样的事情: 它编译到上面?
1回复

SASS / SCSS:从字符串/名称插入变量

是否可以通过名称获取变量? 我尝试构建以下功能,但未按预期工作... 这是一个如何使用它的示例: 当我想围绕此“变量查找”函数编写一堆特定于上下文的速记包装函数时,才有真正的威力。 任何想法如何实现这一目标?
1回复

逃避Sass中的百分比字符(SCSS)

我有一个围绕语义的问题。 我正在使用Sass中的一长串变量(它是大量的颜色样本和相应的色调)。 这些颜色必须精确,因此lighten()和darken()函数不适合这种情况。 我正在声明的变量如下所示: $black-13-percent-tint , $black-21-p
3回复

SCSS / SASS中具有角度分量的全局变量

我们正在开发角度为5的云应用程序,该应用程序将在单个实例中部署,但将面向多个客户。 问题涉及主题的管理,每个客户都希望拥有自己的主题(主要是颜色)。 应用程序的架构(简化)如下所示: 当前,我们正在按客户端进行部署,因此没有问题,我们在构建之前将样式复制/粘贴到当前样式中。 每
1回复

使用参数时,带有@for的SASS / SCSS @mixin不起作用[重复]

这个问题已经在这里有了答案: CSS属性作为SASS mixin值[重复] 1个答案 我正在尝试使用SASS @mixin和@for指令创建一些CSS选择器,如下所示: 上面的工作,但当我更改background-color: nth($colors, $i
1回复

Matlab中的Dom :: Interval函数错误

我试图在Matlab中绘制f(x)=sin(x) ,但在将变量x定义为间隔[0,pi / 2]时遇到麻烦。 我有: 但是,Matlab中的间隔函数作为意外的Matlab运算符返回。
4回复

Java错误:第一种类型:双精度型,第二种类型:字符串

我刚开始学习Java编程,并且在最后一部分的第一个项目“税前费用”中收到了此错误,我肯定搞砸了我的变量,但我不确定。 有任何想法吗? 这是我在编译器上收到的错误: 错误:二进制运算符的操作数类型错误 第一种:双 第二种类型:字符串 2个错误
1回复

SCSS / SASS数学错误?

我正在将一些LESS文件转换为SCSS,似乎在样式表中使用数学时出现问题。 是否编译为3 / em并生成错误? SASS不能处理复杂的数学吗?