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

您可以导入css文件并使用sass迭代每个规则并附加!重要的

meta stylesheet sass css

user2167582 · 技术社区 · 6 年前

风格scss

  .bold {
    font-weight: 600
  }
  .bolder {
    font-weight: 800
  }
// ...

风格很重要。scss

// Here I want to import and produce the following:

  .bold-important {
    font-weight: 600 !important;
  }
  .bolder-important {
    font-weight: 800 !important;
  }

sass能做到这一点吗?另一个css预处理器可以实现这一点吗?

0 回复 | 直到 6 年前

johannchopin 6 年前

抱歉,Sass将无法执行此操作。您所能做的最好的事情是在如下数组中创建一个循环:

@each $animal in puma, sea-slug, egret, salamander {
    .#{$animal}-icon {
      background-image: url('/images/#{$animal}.png');
    }
}

但这并不能解决你的问题

推荐文章

delves · Sass不识别变量

3 年前

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

3 年前

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

3 年前

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

3 年前

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

3 年前

rook99 · 无法加载图标的字体

7 年前

Glen Elkins · SASS新手-不编译

7 年前

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

7 年前

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

7 年前

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

7 年前