让ABC有序列表项具有大胆风格

Question

我有类型设置一个HTML排序列表“A”

<ol type="A">...</ol>

因此，每个列表项将开始与A，B，C等。

我想的样式A，B，C的信是粗体。我曾尝试设置字体重量：大胆的;通过CSS，但没有奏效。如何做到这一点有什么建议？

Answer 1

有点作弊的，但它的工作原理：

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; }

Answer 2

作为替代方案和优越的解决方案，可以在一个元件之前使用自定义计数器。它不涉及额外的HTML标记。甲CSS复位应该与它被使用，或者在从ol元件（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/

Answer 3

您确保正确应用的样式，或不存在另一个样式表与表的干扰？我试图这样：

<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）

Answer 4

我知道这个问题是有点老了，但它仍然首先出现了很多的谷歌搜索。我想在不涉及编辑样式表的解决方案添加（在我的情况，我没有获得）：

<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>