Is there any way to style just the decimal part of a list item for an ordered list? For example, if I want my numbers 1., 2., 3., etc. to be bold and black, but the text associated with it normal weight and blue. Can this be done using CSS?<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>style ol and li</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
ol {ist-style-type: decimal; font-weight: bold;}
li span {color: blue; font-weight: normal;}
-->
</style>
</head>
<body>
<ol>
<li><span>foo</span></li>
<li><span>foo</span></li>
<li><span>foo</span></li>
</ol>
</body>
</html>
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>style ol and li</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
ol {ist-style-type: decimal; font-weight: bold;}
li span {color: blue; font-weight: normal;}
-->
</style>
</head>
<body>
<ol>
<li><span>foo</span></li>
<li><span>foo</span></li>
<li><span>foo</span></li>
</ol>
</body>
</html>