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

HTML-

One
Two
Three

CSS(doesn't work on IE 7,8)-

ul li:nth-child(1){
list-style-image:url('image1.png');
}
ul li:nth-child(2){
list-style-image:url('image2.png');
}
ul li:nth-child(3){
list-style-image:url('image3.png');
}

CSS for all Browser including IE 7,8

ul li:first-child{
list-style-image:url('image1.png');
}
ul li:first-child + li{
list-style-image:url('image2.png');
}
ul li:first-child + li + li{
list-style-image:url('image3.png');
}
ul li:first-child + li + li + li{
list-style-image:url('image4.png');
}