html - 使用 css 隐藏 html 列表项

Question

我想从最终用户 View 中删除(或使其不可见)#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>