导航堆叠的列表元素不能隐藏引导程序 3

Question

我想隐藏在nav堆叠的列表ios类中包含<li>元素。我为此使用了此代码。但这根本不起作用。但是背景色适用于该元素。这是为什么。我使用bootstrap 3

 .ios {
    dispaly : none;
 }  

这是我的HTML代码：

<ul class="nav nav-sidebar nav-pills nav-stacked">
    <li id="ios-parent">
        <a href="#" class="hvr-fade"><b class="fa fa-forumbee"></b>&nbsp;&nbsp;iOS</a>
    </li>
    <li class="sub-menu">
        <a href="#" class="hvr-fade"><b class="fa fa-forumbee"></b>&nbsp;&nbsp;iOS1</a>
    </li>
    <li class="sub-menu ios">
        <a href="#" class="hvr-fade"><b class="fa fa-forumbee"></b>&nbsp;&nbsp;iOS2</a>
    </li>
    <li class="sub-menu">
        <a href="#" class="hvr-fade"><b class="fa fa-forumbee"></b>&nbsp;&nbsp;iOS3</a>
    </li>
    <li class="sub-menu">
        <a href="#" class="hvr-fade"><b class="fa fa-forumbee"></b>&nbsp;&nbsp;iOS4</a>
    </li>
</ul>

Answer 1

您有一个错字：

.ios {
    display : none;
}  

而不是dispaly

编辑

假设您的CSS中的拼写是正确的，这可能是您的选择者被过度的问题。

在bootstrap中：

.nav > li {
    display: block;
}

这比您的.ios选择器更具体，尝试用以下方式替换您的选择器。

.nav > .ios {
    display: none;
}

这将使其具体足以覆盖引导样式。您可以轻松地查看使用浏览器中的Web Inspector