有点css帮助请（ol li stuff）

Question

所以我正在做一个自定义的ol li列表，我真的很喜欢用于ol，ul和li的快捷方式css。

如果我告诉你我想要什么，并提供一些示例代码可以有人帮忙。

好的，所以我按照这样的编号列表......

<ol>
    <li>Dave Jones<span class="searchTotals">189 searches</span></li>
    <li>Debs<span class="searchTotals">34 searches</span></li>
    <li>Tarbutt<span class="searchTotals">211 searches</span></li>
</ol>

我想要做的是不重复li元素中的span类，所以也许你可以帮忙。

此外，我想为每个人编号。

到目前为止，在每个数字周围放一个圆圈。

这是数字的一些css。

background: none repeat scroll 0 0 #ec008c;
border-radius: 1em 1em 1em 1em;
color: #FFFFFF;
display: inline-block;
float: right;
font-family: inherit;
font-size: 10px;
font-weight: bold;
line-height: 1em;
margin-left: 0.5em;
padding: 0.35em 0.5em;
text-align: center;
text-decoration: none;

这是SPAN课程的一些CSS。

float:right;
color:#3399ff;

试图让它看起来像这样：

Answer 1

对background元素使用CSS属性li

Answer 2

如果您想在不使用span标签的情况下将div中的所有文本浮动，您可以使用:(不能仅使用CSS选择部分文本）

ol li {
   float:left;
   color:#3399ff;
}

如果您希望使用li在其周围加上数字，则必须使用图片并使用background:url()属性。