search

nvbach91 / 4IZ268-2019-2020-ZS

A repository for laboratories of subject 4IZ268, Fall Semester 2019/2020.
MIT License
0 stars 6 forks source link

SP 1: autoincrement v adresse obrázku #6

Open racekjak opened 4 years ago

racekjak commented 4 years ago

Chtěl bych se zeptat zda je možné dosáhnout toho aby se následující styl choval tak že při každém použití se číslo ve jménu obrázku zvětší o 1, tedy se u prvního divu použije obrázek 1.png u druhého divu obrázek 2.png atd. , případně pokud toho lze dosáhnout jiným způsobem?

.champ { background-image: url(../assets/1.png); background-size: 25px; background-repeat: no-repeat; background-position: left; margin-left: 8px; }

nvbach91 commented 4 years ago

Lze takto:

.champ {
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: left;
  margin-left: 8px;
}
.champ:nth-of-type(1) {
  background-image: url('../assets/1.png');
}
.champ:nth-of-type(2) {
  background-image: url('../assets/2.png');
}