scss SaSS使用@each循环并列出#sass

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss SaSS使用@each循环并列出#sass相关的知识,希望对你有一定的参考价值。

$colors-list: #3b5999 #55acee #e4405f #cd201f #dd4b39;
@each $bg-color in $colors-list {
  $i: index($colors-list, $bg-color);
  li:not(:last-child):nth-child(#{$i}) a {
    background: $bg-color;
    @include square(32px);
  }
}

以上是关于scss SaSS使用@each循环并列出#sass的主要内容,如果未能解决你的问题,请参考以下文章

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

scss #sass @each

Sass ,Scss 简单教程

Sass中使用@each循环

Scss 基本使用 ( @extend @mixin@import@if@for@while@each )

scss使用指南--每天一点