列表编号和列表内容的不同字体

Question

在CSS中，我试图设置一个有序列表的样式，以便内容是一种字体，但数字是另一种字体。 如何定位列表数字，这些数字不是html元素和列表样式的一部分？

我能想到并且尝试过的唯一一件事就是使列表成为无序列表。将list-style设置为none，然后在列表中手动设置包含在其中的数字，其中我将它们设置为不同的样式。 但这似乎非常低效。

Answer 1

HTML

<ol>
    <li><p>Hello</p></li>
    <li><p>World</p></li>
</ol>

CSS：

ol{
    font: italic 1em Georgia, Times, serif;
}

ol p{
    font: normal .8em Arial, Helvetica, sans-serif;
}

上面示例的

JSFiddle