html - CSS を使用しないインクリメンタル ファイル名

Question

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')
}

私が達成したいのは、lessを使用して数値を効果的に置き換える変数を持つことです。変数やミックスインを使用してこれを行うことは可能ですか?

何かのようなもの：

window-@window-number{
 Background-image: url('/content/images/background-@window-number-window.png')
}

このようなことをすることはまったく可能ですか？