首页 > 解决方案 > 有没有办法将多个变量连接成一个?

问题描述

我正在尝试创建一个连接的变量/css 属性。

我想要实现的目标:对于给定 n 个宽度为 300px 的图像,我想实现这一点

这在 scss/sass 中可行吗?

$n: 8;
$width: 300px;

background: url('https://image1.jpg') no-repeat, ..., url('https://imagesN.jpg') no-repeat;
background-position: 0, 300px, 600px, ..., n * width;

标签: csssassscss-mixins

解决方案


推荐阅读