日常记录8# SCSS循环语句

最新推荐文章于 2024-11-15 19:51:40 发布

王丁丁丁

最新推荐文章于 2024-11-15 19:51:40 发布

阅读量85

点赞数

文章标签： scss 前端 css

本文链接：https://blog.csdn.net/weixin_43376355/article/details/129118761

版权

$link-name: spyy, sphj, zwwxt, zwwhy, zngk, wrj, sjzl, rhtx, zhwxt, zhwhy, fbs;
// $link-name 为变量名，赋值为逗号隔开的字符串，可理解成数组

      @for $i from 1 through length($link-name) {
      // scss 循环语句 
        $item: nth($link-name, $i);

        &.icon-#{$item} {
          background: url('~@/assets/entry_banner/link-#{$item}.png') no-repeat center center / 100% 100%;
        }
      }