如何让列表前显示图片？

Question

• 一级目录
• 二级目录a
• 二级目录b

如何我想用图片代替默认的图形，我可以这么做：

ul {

list-style-type:none;

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

}

但是，我发现一点，默认情况下，一级目录和二级目录前面的图形是有区别的。而当我用图片来代替时，图片都是一样的。这样就没有那种层次感，感觉不是很好。有没有办法针对不同层次用不同的图片来代替？
问题补充
看来我对CSS还不是很熟悉。



其实，只要定义li ul{}的样式就可以了。

Answer 1

你可以用类样式或者ID样式来加在ul后面啊

[code="html"]

• 一级目录
• 二级目录a
• 二级目录b

[/code]

详细样式可以这样写
[code="css"]
ul {

list-style-type:none;

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

}

ul.frist {
list-style-type:none;

list-style-image:url(frist.gif);
}

ul.second {
list-style-type:none;

list-style-image:url(second.gif);
}

ul#sep {
list-style-type:none;

list-style-image:url(sep.gif);
}
[/code]

你可以试下～ 你说的是这样的吗？