当前位置: 首页 > 面试题库 >

用于循环更新hsla亮度的SASS返回错误$ lightness:“ 96.77419”不是“ hsla”的数字

汝承载
2023-03-14
问题内容

我试图循环播放一段时间,逐渐降低hsla的亮度值,但是运行循环时出现错误$lightness: "96.77419" is not a number forhsla’`。谁能告诉我我在哪里出错或如何加以改善?

$iterations: 31;
$base: 100;
$math: $base / $iterations;

li {
  background: #919190;
  height: 40px;
  line-height: 40px;
  color: #191919;
  text-align: center;
}

@for $i from 1 through $iterations {
 .options:nth-of-type(#{$i}) {
    background: hsla(60, 1, #{($base - $math)}, 1);
}

我真正想要做的是能够逐渐增加颜色以制成阴影调色板,真的希望能够多次使用此多次并以不同的量使用,所以如果您能给我一些其他建议来制作,那将是很棒的这个。


问题答案:

Sass给出了答案:不应该使用字符串(请注意错误中的引号,这是字符串的肯定标志)。无论如何,插值始终为您提供一个字符串。因为hsla()期望所有参数都是数字,所以将其传递给字符串会导致获得字符串,hsla()而不是获得的Sass颜色表示hsla(),并且该lighten()函数只能接受颜色。

所以就停止给它一个字符串:

.foo {
    background: hsla(60, 1, ($base - $math), 1);
}


 类似资料:
  • 本文向大家介绍颜色hsla的字母分别表示什么?相关面试题,主要包含被问及颜色hsla的字母分别表示什么?时的应答技巧和注意事项,需要的朋友参考一下 资料源自百度: H:Hue(色调)。0(或360)表示红色,120表示绿色,240表示蓝色,也可取其他数值来指定颜色。取值为:0 - 360 S:Saturation(饱和度)。取值为:0.0% - 100.0% L:Lightness(亮度)。取值为

  • 问题内容: 我在SQL SELECT语句返回的行上有一个循环,并且在对行的数据进行了一些处理之后,有时我想更新该行的值。循环主体中的处理非常重要,我无法用SQL编写。当我尝试为选定的行执行UPDATE时,我得到一个错误(在Perl的DBD :: SQLite :: st执行失败下:数据库表已锁定)。是否有一种可读,高效且可移植的方式来实现我要完成的任务?如果失败,是否有DBD或SQLite特定的方

  • 问题内容: 不知道出了什么问题,但是我从chrome控制台收到了此错误: 通过此JavaScript: 我不确定启动.ajax的方式是否有问题,或者jquery的实现是否正确。我觉得是这样的。有什么想法吗? 编辑:这是上面脚本附带的html 问题答案: 您正在使用jQuery的苗条版本。它不支持ajax调用。用 代替它。 苗条的身材 有时您不需要ajax,或者您更喜欢使用许多专注于ajax请求的独

  • 问题内容: 我有一个打开文件的代码,计算中值并将该值写入单独的文件。一些文件可能是空的,因此我编写了以下循环来检查文件是否为空,如果是,请跳过它,增加计数并返回循环。它对找到的第一个空文件执行预期的操作,但对第二个不执行预期的操作。循环在下面 输出如下 第二个问题是,t以某种方式从小数点后一位上升到15位,而最后一位似乎增加了小数位?感谢您提供的所有帮助 编辑 该错误 似乎仅适用于仅使用一行示例的

  • 本文向大家介绍用于检测Sass中的错误是哪个指令?相关面试题,主要包含被问及用于检测Sass中的错误是哪个指令?时的应答技巧和注意事项,需要的朋友参考一下 Sass @debug指令用于检测错误, 并向标准错误输出流显示Sass脚本表达式值

  • 我试图制作一个for循环脚本,使用Angular创建订单,并将其添加到网页中。我在使用某些for循环时遇到了问题,因为当我使用控制台时。log(),它只输出外部循环,不输出内部循环。我需要把变量的顺序传递给另一个函数,所以我需要这个顺序来获得正确的数据。 结果: 它重复最后一个外环值,而不输出内环值。我对Javascript还是很陌生的,所以我需要一些洞察力和解决方案,也许还有简单的方法?谢谢!