如何将列表中的每个其他项目设置为粗体？

Question

我想像这样设计我的列表：

1. 列表项
2. 列表项
3. 列表项
4. 列表项
5. 列表项

^^你看到这里第一个是粗体，第二个是正常，第三个是粗体，依此类推。

我想在我的名单上动态制作同样的东西。

Answer 1

使用css3选择器nth-child：

ol>li:nth-child(odd){
    font-weight:bold;
}​

此处：http://jsfiddle.net/FwTBU/

Answer 2

像这样的事情应该做的工作

ul.zebra li:nth-child(odd),
ol.zebra li:nth-child(odd)
{
    font-weight: bold;
}

你的标记就是

<ul class="zebra">
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
</ul>

或

<ol class="zebra">
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
</ol>

Answer 3

ol li
{
  font-weight:normal
}

ol li:nth-child(odd){
    font-weight:bold;
}

Answer 4

li:nth-child(odd) { font-weight:bold }
li:nth-child(even) { font-weight:normal }