想象一下包含一些<li>项目的简单未排序列表.现在,我已经将子弹定义为方形通过list-style:square;但是,如果我设置了<li>项目的颜色,color: #F00;那么一切都变成了红色!

虽然我只想设置方形子弹的颜色.是否有一种优雅的方式来定义CSS中子弹的颜色......

...不使用任何精灵图像也不使用span标签!

HTML

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<ul>

CSS

li{
   list-style:square;
}

我试图找到一些有关content:css中各种可能的属性用途的最新信息 ,但只能找到2004年orso的网络古人地牢中的内容,所以我想我必须再次在2011年问这个:

p:before {
content: url(dingdong.png);
}

p:before {
content: "some text ";
}

我对:before选择器和content:属性都很新,并且在这个问题上偶然听到了这个问题,一位可爱的女士非常有创意地回答了这个问题:

如何在不使用任何图像或span标签的情况下通过CSS在UL/LI html列表中设置Bullet颜色

只是发现有关内容的实际编码可能会出现一些问题:

li:在{content:"■"之前; 如何在电子邮件文具中将这个特殊字符编码为Bullit？

所以我的具体问题是:除了url()和"text",是疗法其他的可能性？
非常感谢您的建议和想法.