代码之家 › 专栏 › 技术社区 › mr__brainwash

sass中基于类名的计算

sass css javascript

mr__brainwash · 技术社区 · 6 年前

我用的是Sass和Angular 6。我有类名 level 以动态后缀的javascript生成,例如 level-1 或 level-10 . 我想计算一下 scss 文件依赖于那个后缀。应该是这样的:

级别${ 左填充:计算($*10)px }

有可能吗?

1 回复 | 直到 6 年前

Simon Mo 6 年前

是的,您可以在sass中编写一个循环来生成类,例如这样。

@for $i from 1 through 10 {
  .levels-#{$i} {
    padding-left: 10px * $i;
  }
}

推荐文章

delves · Sass不识别变量

2 年前

Nathan Huber · 如何在React 18中使用“useEffect”

2 年前

Janosz ÐÑÐ°ÑÐ¸ÑÐ½Ð¸Ðº · 如何瞄准这个i标签

2 年前

Henry · scss或css中的calc函数不起作用

2 年前

Nam Van · 如何在React中使用自定义主题颜色。js,CSS(SCSS)模块,Bootstrap5

2 年前

rook99 · 无法加载图标的字体

6 年前

Glen Elkins · SASS新手-不编译

6 年前

Toki · SASS在Sublime Text-Compile main中。保存任何@导入文件时的scss

6 年前

zed · 防止SCS编译CSS变量-Angular CLI

6 年前

sliptype · 使用Webpack提取CSS时抑制模块输出

6 年前