HTML list with different images as bullets

Question

I know it is possible to set an image instead of the HTML default bullets:

list-style-image: url(...);

But I havent\'t found a way how I ca

Answer 1

I think you can do this with classes

...

li.first {
  ⋮ declarations
}

li.second {
  ⋮ declarations
}
...

or the nth-child selector

li:nth-child(1) {
  ⋮ declarations
}

li:nth-child(2) {
  ⋮ declarations
}
...