Допустим, я написал простое правило CSS вроде этого:
.star_10 {
background: url(stars.png) no-repeat 0 0;
}
И мне нужно 10, поэтому я скопировал его 9 раз.
.star_10 {
background: url(stars.png) no-repeat 0 0;
}
.star_10 {
background: url(stars.png) no-repeat 0 0;
}
.star_10 {
background: url(stars.png) no-repeat 0 0;
}
.star_10 {
background: url(stars.png) no-repeat 0 0;
}
.star_10 {
background: url(stars.png) no-repeat 0 0;
}
и т. Д.
Теперь я хочу изменить star_10 и 0 0 с увеличенными значениями, так что это выглядит так:
.star_10 {
background: url(stars.png) no-repeat 0 0;
}
.star_9 {
background: url(stars.png) no-repeat 0 -18px;
}
.star_8 {
background: url(stars.png) no-repeat 0 -36px;
}
.star_7 {
background: url(stars.png) no-repeat 0 -54px;
}
и так далее ...
Итак, как я могу искать / заменять каждый экземпляр, выполнять вычисление и записывать его ?