我在使用变量插值在Stylus中始终如一地工作时遇到了很多麻烦。 在这里使用它当前在CodePen上的版本,没有Javascript或任何东西。

下面的代码手写笔在我看来就像它将动画与动漫slide0 DIV0,与动画滑件,等等等等动画DIV1 ...

for i in (0...4)
  .div{i}
    width: 300px
    animation: slide{i} 1s infinite //Syntax error here

  @keyframes slide{i}
    0%
      letter-spacing: i*3px
    100%
      letter-spacing: 0px

...但它只是给animation:上的语法错误animation:行。 对我来说没有意义的是为什么当我在.div{i}@keyframes slide{i}编写完全相同的语法时,为什么@keyframes slide{i} ,而不是在animation: slide{i}

这是CodePen给我的错误,它似乎没有那么相关?

stylus:4:24
   1| for i in (0...4)
   2|   .div{i}
   3|     width: 300px
   4|     animation: slide{i} 1s infinite
-----------------------------^
   5|   
   6|   @keyframes slide{i}
   7|     0%

expected ":", got "}"

===============>>#1 票数:3 已采纳

目前,您不能在属性或字符串的值内使用插值。 但是你可以使用连接:

for i in (0...4)
  .div{i}
    width: 300px
    animation: slide + i 1s infinite

@keyframes slide{i}
  0%
    letter-spacing: i*3px
  100%
    letter-spacing: 0px

===============>>#2 票数:0

您可以提供问题的编解码器,或尝试animation-name: slide{i}单独animation-name: slide{i}

  ask by quat translate from so

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

2回复

@media在手写笔中不起作用

屏幕尺寸过小时,我不想显示图像。 在这里,我使用@media执行此任务。 该图像的ID为mpImage 但是它没有任何回应。 更多信息:index.jade: style.styl:
2回复

手写笔CSS Mixin不起作用

我使用定位Mixins将div对齐到页面的顶部或左侧或中心,等等,它在SCSS和Sass上都能正常工作,但是由于某些原因,当我尝试使用Stylus时,它的表现非常奇怪。 如果我包含一个Mixin,它可以正常工作,但是当我在下面添加更多Mixin时,它将默认为另一个Mixin。 我的M
1回复

手写笔-混合中的插值

我有一个mixin,我想对传入的值进行插值,但出现错误。 我得到的错误是: 我试图生成的代码(如356所示)是: 我究竟做错了什么? 我来自使用sass来编译css,以为我会尝试使用手写笔(此mixin在sass中正常工作)。 SASS版本:
1回复

css字体属性的手写笔变量

手写笔中的此变量有什么问题,它以简写语法设置了font属性? 它产生此错误: 预期“缩进”,得到“ eos” 在此代码块底部的此处使用: 如何摆脱错误?
1回复

手写笔中的迭代

我有手写笔文件,看起来像: 我可以在此处使用Stylus迭代来简化Stylus文件吗?
2回复

手写笔中带有变量的计算

我一直在阅读Stylus文档并查看示例,但是使用变量时似乎无法获得简单的计算方法。 例如: 作品 不起作用 我已经看到了很多有关在calc使用变量并在变量名称之前使用%或在变量周围使用{..} ,但是我都尝试了两种方法,但均无济于事。 我在这里错过明显的东西吗?
1回复

手写笔中的变量分配

我正在尝试将媒体查询的变量分配放在global.styl文件中。 如果在同一文件中,则可以进行以下操作: tablet = "all and (max-width: " + 768px+ ")" //variable assignment @media tablet { text-al
1回复

有没有办法在手写笔中插值混合名称

现在,我可以在标记中使用生成的类,例如: 或通过@extends内部样式 但是在阅读了很多关于mixin优于@extends的资源之后,我尝试生成相同名称的mixins,但是没有结果 要么 不起作用=( 手写笔有可能吗?
1回复

使用手写笔在@import路径中进行插值

尽管我已经阅读了Stylus文档中的变量和插值部分,但似乎无法正常工作。 得到: 手写笔有可能吗? 如果是这样,我在做什么错?
1回复

手写笔在选择器中调用mixin起作用

我正在尝试使用手写笔mixin功能来组织代码。 考虑下面的代码: 代码可以完美地编译,但是结果如下: 我想它应该在.navbar之后包含mixin的代码,但是breakpoint样式的.navbar在哪里?