使ABC订单清单项目具有粗体风格
我有一个types设置为“A”的HTMLsorting列表
<ol type="A">...</ol> 因此，每个列表项将以A，B，C等开始
我想风格的A，B，C字母大胆。 我曾尝试设置font-weight：bold; 通过CSS，但它没有工作。 任何build议如何做到这一点？
有点作弊，但它的作品：
HTML：
<ol type="A" style="font-weight: bold;"> <li><span>Text</span></li> <li><span>More text</span></li> </ol>
CSS：
li span { font-weight: normal; }
作为替代和优越的解决scheme，您可以在before元素中使用自定义计数器。 它不涉及额外的HTML标记。 CSS重置应该与其一起使用，或者至less从ol元素（ list-style-type: none, reset margin ）中删除list-style-type: none, reset margin ，否则元素将有两个计数器。
<ol> <li>First line</li> <li>Second line</li> </ol>
CSS：
ol { counter-reset: my-badass-counter; } ol li:before { content: counter(my-badass-counter, upper-alpha); counter-increment: my-badass-counter; margin-right: 5px; font-weight: bold; }
一个例子： http : //jsfiddle.net/xpAMU/1/
你确定你正确应用了样式，还是没有其他样式表干扰你的列表？ 我试过这个：
<ol type="A"> <li><span class="label">Text</span></li> <li><span class="label">Text</span></li> <li><span class="label">Text</span></li> </ol>
然后在样式表中：
ol {font-weight: bold;} ol li span.label {font-weight:normal;}
它粗体A ， B ， C等，而不是文字。
（在Opera 9.6，FF 3，Safari 3.2和IE 7中testing）
我知道这个问题有点老，但是在很多Googlesearch中，它仍然是首先出现的。 我想添加一个不涉及编辑样式表的解决scheme（在我的情况下，我没有访问权限）：
<ol type="A"> <li style="font-weight: bold;"> <p><span style="font-weight: normal;">Text</span></p> </li> <li style="font-weight: bold;"> <p><span style="font-weight: normal;">More text</span></p> </li> </ol>
你也可以做这样的事情：
ol { font-weight: bold; } ol > li > * { font-weight: normal; }
所以你的HTML中没有“样式”属性
