我正在尝试使用 less 为一组窗口创建 50 个背景图像。
这些图像路径的格式完全相同,但每个窗口的数字仅增加 1。
目前我有以下代码:
window-1{
background-image: url('/content/images/background-1-window.png')
}
window-2{
background-image: url('/content/images/background-2-window.png')
}
..
window-50{
background-image: url('/content/images/background-50-window.png')
}
我想要实现的是使用更少的变量有效地替换数字,是否可以使用变量和/或 mixins 来做到这一点?
就像是:
window-@window-number{
Background-image: url('/content/images/background-@window-number-window.png')
}
有可能做这样的事情吗?