账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    关于scss变量拼接问题
    115
    0

    1.开发中遇到了关于变量拼接的问题：在scss中使用for循环展示gulp生成的雪碧图。
    2.像这样：

    @for $i from 0 through 88 {
  .emotion-#{ $i } {
    @include sprite();
    display: inline-block;
  }
}

    3.我的问题是在sprite中的参数写的是$emotion-1，$emotion-2，$emotion-3......的格式，所以需要进行拼接，试过$emotion-#{$i}还有其他各种方法，只能查到参数是一个纯变量的例子，但是没有拼接的例子，希望大神指教

    2
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 讨厌不安 普通会员 1楼

      在Scss中，变量拼接可以通过使用嵌套的@符号来实现。例如：

      ```scss .container { // 嵌套的@变量 @var1: red; @var2: green;

      // 使用@变量 .red { color: @var1; }

      .green { color: @var2; } } ```

      在这个例子中，@var1和@var2是嵌套的变量，@var1定义了红色的值，@var2定义了绿色的值。然后，我们可以通过@var1和@var2来设置红色和绿色的值。

      注意，使用嵌套的@符号会降低代码的可读性，因此建议只在必要时使用。另外，如果变量的值在全局范围内，那么最好将其定义为常量。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部