如何在ul中隐藏第一个li?

时间:2015-06-08 18:13:00

标签: javascript html css html-lists hide

我想在ul的下拉列表中隐藏第一个li,其ID为“#ctl00_blInfo”。

以下是我正在使用的CSS:

ul#ctl00_blInfo li:first-child { display : none }

哪个工作正常,但是我在ie7中遇到一个问题,其中整个ul正在隐藏,并且它不会让下拉打开。

<ul>
    <li>a</li>
    <li>b</li>
    <li><!--Drop down section-->
        <ul id="ctl00_blInfo">
            <li>aa</li>
            <li>bb</li>
            <li>cc</li>
        </ul>
    </li>
</ul>

2 个答案:

答案 0 :(得分:1)

您的问题似乎与您的评论有关。出于某种原因,IE7会将错误解释为实际元素。尝试删除评论,它应该按预期工作。

fiddle

答案 1 :(得分:0)

是的,在oder版本的IE中,实际评论被视为“第一个孩子”。删除评论或将其移动到其他地方。