html列表项目符号应用图片,带有不同图像的HTML列表作为项目符号

html列表项目符号应用图片,带有不同图像的HTML列表作为项目符号

HTML的

• One
• Two
• Three

CSS(在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,包括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');

}