我有一个相当复杂的问题。我有一个 UL，里面有许多 LI。
我需要在 LI 元素之前插入各种图标。
图标需要由两部分组成，一个具有简单形式的 PNG 图像，一个具有动态背景颜色的外部形状。
具体来说，它应该是一个圆形，里面有一个简单的图标。圆圈背景需要能够随代码改变。
我现在解决它的方法是在 LI 元素中使用 SPAN 并设置：
height: 20px;
width: 20px;
background: url(icon.png) 2px 2px no-repeat red;
border-radius: 20px
问题是我必须在每个 LI 中放置一个 SPAN，这不是一个选择。我需要以某种方式解决这个问题，所以我有一个“干净的”UL，里面只有 LI。
这就是我现在所拥有的：
<ul>
<li><span></span>Some text</li>
</ul>
虽然里面除了 LI 和文本之外不能有任何其他元素，所以我需要它看起来像这样：
<ul>
<li>Some text</li>
</ul>
任何帮助表示赞赏！提前致谢！