Question

我想隐藏以下导航堆叠列表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;
}

这将使其具体到足以覆盖Bootstrap样式。您可以使用浏览器中的Web检查器轻松查看正在应用的内容

nav-stacked的列表元素不能隐藏bootstrap 3

1 个答案: