html列表项目图像属性,使用剪辑属性的带图像项目符号的HTML列表

是否可以使用剪辑属性创建带图像项目符号的HTML列表？我一直试图让它工作，但我似乎无法做到。使用剪辑属性的带图像项目符号的HTML列表

我希望得到一些帮助。

这是我最初的HTML代码：

• One
• Two
• Three

，就连最初的CSS：

.my-clip-list {position: relative;}

.my-clip-list ul {position: absolute;}

.my-clip-list ul li {line-height: 24px; content:url([url_of_sprite]);}

.my-clip-list ul li.one {clip: rect(top right bottom left)}

.my-clip-list ul li.two {clip: rect(top right bottom left)}

.my-clip-list ul li.three {clip: rect(top right bottom left)}

我这样做，但它似乎并不奏效。请注意，我已经把剪辑属性的通用信息，在我的实际CSS我有真正的像素值。这只是为了说明我在做什么。

如果可以，请协助。

谢谢。