在每个 mixin 中使用变量数组

发布于 2025-01-10 04:31:56 字数 444 浏览 0 评论 0原文

我很难弄清楚如何为“each”语句中使用的变量编写数组。

        $array: (("1", "../../Media/Images/FirstImage.png"), ("2", "../../Media/Images/SecondImage.png"));

        @each $i in $array {
          &:nth-child( #{$i} ) {
            a {
              &:before {
                content: "";
                background: url({This is the 2nd part of each variable}) no-repeat;
              }
            }
          }
        }

原文

I'm having a hard time trying to figure out how to write an array for a variable to be used in an "each" statement.

        $array: (("1", "../../Media/Images/FirstImage.png"), ("2", "../../Media/Images/SecondImage.png"));

        @each $i in $array {
          &:nth-child( #{$i} ) {
            a {
              &:before {
                content: "";
                background: url({This is the 2nd part of each variable}) no-repeat;
              }
            }
          }
        }

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

忆离笙 2025-01-17 04:31:56

您当前有一个数组的数组，而不是变量或值的一维数组。看来您可以将数组更改为一维数组，然后仅使用 :nth-child() 的索引。

$urls: ("../../Media/Images/FirstImage.png", "../../Media/Images/SecondImage.png");


@each $url in $urls {
  $i: index($urls, $url);
  &:nth-child(#{$i}) {
    a {
      &:before {
        content: "";
        background: url($url) no-repeat;
      }
    }
  }
}

You currently have an array of arrays, not a single-dimensional array of variables or values. It seems like you could change your array to be 1-dimensional, and just use the index for the :nth-child().

$urls: ("../../Media/Images/FirstImage.png", "../../Media/Images/SecondImage.png");


@each $url in $urls {
  $i: index($urls, $url);
  &:nth-child(#{$i}) {
    a {
      &:before {
        content: "";
        background: url($url) no-repeat;
      }
    }
  }
}

回复收藏 0 原文

~没有更多了~