html - HTML或CSS自动化

我的网站上有此代码，我必须使其自动化。请帮忙。

#vol1
{
    background-image:url(rresim/noveller/1.png);
}

#vol2
{
    background-image:url(rresim/noveller/2.png);
}

#vol3
{
    background-image:url(rresim/noveller/3.png);
}

#vol4
{
    background-image:url(rresim/noveller/4.png);
}

...
而且我必须做很多。那谢谢啦。

最佳答案

少用或少用。
这是LESS Loop：

.generate-vol(4);

.generate-vol(@n, @i: 1) when (@i =< @n) {
    #vol@{i} {
        background-image: url(rresim/noveller/@{i});
    }
    .generate-vol(@n, (@i + 1));
}