HTML或CSS自動化

Question

我的網站上有此代碼，我必須使其自動化。 請幫忙。

#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);
}

...而且我必須做很多。 那謝謝啦。

Answer 1

少用或少用。
這是LESS循環 ：

.generate-vol(4);

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