Question

我希望班级dropdown不可见。 dropdown仅用于特定的li代码。我试过这个，但它不起作用：

.dropdown{
    display:none;
}

有没有办法让这项工作？我在CSS中做错了吗？

HTML：

<div id="MainNavigation" class="nContainer" name="MainNav" value="MainNavigation">
    <ul class="nav navbar-nav">
        <li class="dropdown">
            <a href="/page.aspx" id="ctl00_top_nav_SOnav" class="dropdown-toggle">page</a>
            <ul class="dropdown-menu">
                <li><a href="/page1.aspx">page1</a> </li>
                <li><a href="/page2.aspx">page2</a> </li>
                <li><a href="/page3.aspx">page3</a> </li>
                <li><a href="/page4.aspx">page4</a> </li>
                <li><a href="/page5.aspx">page5</a> </li>
            </ul>
        </li>
        <a id="Homepage" class="navbar-brand" href="somepage.com">
            <img src="/images/aGif.gif?v=24820" alt="someotherpage.com" border="0">
        </a>
    </ul>
</div>

Answer 1

我最好的猜测是它是一个特异性问题。也就是说，.dropdown选择器的详细程度不足以覆盖Bootstrap附带的其他选择器。使选择器更具体（即#MainNavigation.nContainer[name = "MainNav"] > .nav.navbar-nav > .dropdown）并查看它是否有效。

通过类使li标签不可见

1 个答案: