scss Sass @each循环

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了scss Sass @each循环相关的知识，希望对你有一定的参考价值。

$list: “Amy”, “Henry”, “Isaac”, “Adele”;
@each $person in $list {
    .avatar—#{$person} {
        background: url(‘avatars/#{$person}.jpg”) no-repeat;
    }
}

以上是关于scss Sass @each循环的主要内容，如果未能解决你的问题，请参考以下文章

SCSS / SASS：如何在每个循环中创建变量

scss #sass @each

Scss 基本使用 （ @extend @mixin@import@if@for@while@each ）

sass @each 奇怪的行为

scss Sass Loops（scss）。 for循环，每个循环和有用的例子。

SCSS @each 循环可以包含多个地图吗？