CSSでは、コンテンツが1つのフォントになるように順序付きリストのスタイルを設定しようとしていますが、数字は別のフォントです。HTML要素ではなくリストスタイルの一部であるリスト番号をターゲットにするにはどうすればよいですか?
私が考えて試した唯一のことは、リストを順序付けられていないリストにすることです。リストスタイルをnoneに設定してから、リスト内に手動で数字を入れて、スタイルを変えます。しかし、それは非常に非効率的なようです。
CSSでは、コンテンツが1つのフォントになるように順序付きリストのスタイルを設定しようとしていますが、数字は別のフォントです。HTML要素ではなくリストスタイルの一部であるリスト番号をターゲットにするにはどうすればよいですか?
私が考えて試した唯一のことは、リストを順序付けられていないリストにすることです。リストスタイルをnoneに設定してから、リスト内に手動で数字を入れて、スタイルを変えます。しかし、それは非常に非効率的なようです。
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