Question

我想从最终用户视图中删除（或使其不可见）#tab4。我以为我可以使用像

这样的东西

    #tab4 {
    visibilty: none;
    :
}

然而那不起作用。我是否也需要定位ID？

<div id="tabs-widget-wrap">
                <ul id="tabs">
                    <li id=""><a href="#" name="#tab1" id="">Description</a></li>
                    <li id=""><a href="#" name="#tab2" id="">Features</a></li>              
                    <li id="current"><a href="#" name="#tab3" id="current">Policies</a></li>    
                    <li id=""><a href="#" name="#tab4" id="">Availability</a></li>
                    <li id=""><a href="#" name="#tab5" id="">Review (0) </a></li>
                </ul>

Answer 1

<li id="tab4"><a href="#">Availability</a></li>

CSS：

#tab4 {
    display: none;
}

jQuery：

$('#tab4').hide();

内联HTML：

<li style="display:none;"><a href="#">Availability</a></li>

Answer 2

您好只需使用以下css隐藏＃tab4

   #tabs-widget-wrap ul li:nth-child(4)
   {
   display: none;
   }

：nth-child（4）它允许您专门选择仅更改父元素中的第4个元素。＃tab4是你的第四个元素

Answer 3

visibility:none;

没有属性visibility:hidden;

此外，您对该元素没有tab4的ID。它应该是 id="tab4"将其放入属性name中就不会这样做。

Answer 4

#tab4 {
    display: none;
}

This should work

Answer 5

您尝试按name属性进行选择。

a[name="#tab4"] {
    visibility: none;
}

使用css隐藏html列表项

5 个答案: