列表样式类型未显示为li

时间:2013-12-26 11:41:13

标签: css

我有两个ol。显示第一组ol的列表样式类型。但对于第二个OL,它没有显示。第一个ol是静态的。但是第二个ol的li显示为hide和show..Can有人请帮助我。这是小提琴。圆圈仅适用于第一个ol,但不适用于第二个ol http://jsfiddle.net/64ZNk/3/

HTML:

<ol>
    <li>
        <h4>1. One.</h4>
    </li>
</ol>
<ol id="help">
    <li>
        <h4>2. Two.</h4>
    </li>
    <li>
        <h4>3. Three.</h4>
    </li>
</ol>

CSS:

#help li {
    display: none;
}
#help li:first-child {
    display: block;
}
ol {
    list-style-type:circle;
}

1 个答案:

答案 0 :(得分:4)

li元素的display值应为list-item

#help li:first-child {
    display: list-item;
}

演示:Fiddle