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

Question

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

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

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