时间戳

首页 > 解决方案 > 获取scss中的数据属性

sass - 获取scss中的数据属性

问题描述

我想在我的 scss 文件中获取数据 attr，它是来自 HTML 的数字，并对元素执行 for 循环。

所以这就是我所做的：

HTML：

 <figure class="inner" data-attr="8"></figure>

SCSS

[data-attr] {
  $no: attr('data-attr') !global;
}

和

@for $i from 0 through $no {
      &:nth-of-type(#{$i}) {
        left: $no;
      }
    }

但我得到一个错误：

错误：attr("data-attr") 不是整数。$no: attr('data-attr') !global

标签： sass

解决方案

你需要采取不同的方法。

SASS 是编译成 CSS 文件的预处理器。您不能使用 SASS 循环根据编译时没有的值生成 CSS 输出。

在不知道您实际尝试做什么的情况下，也不可能提出替代解决方案。

推荐阅读