如何使用CSS隐藏此列表项目

-2

<div id="psp-primary-header" class="psp-grid-row cf"> 
<nav class="nav psp-masthead-nav" id="psp-main-nav"> 
    <ul> 
     <li id="nav-menu"><a href="#" class="">Menu</a> 
      <ul> 
       <li id="nav-milestones"><a href="#psp-phases" class="">Phases</a> </li> 
       <li id="nav-talk"><a href="#psp-discussion" class="">Discussion</a> </li> 
       <li id="nav-logout"><a href="https://www.google.com">Logout</a> </li> 
      </ul> 
     </li> 
    </ul> 
</nav>

我想这一点，但没有奏效：

#nav-talk {display:none !important};

来源

2017-07-26 Raven

这应该工作..你能证明它不是吗？ '：P'并确保'id'不在别处复制或使用。嘿，你有一个';'后''使其无效，可能是。 –

这是唯一的地方，该ID是？ – SDhaliwal

你把CSS放在哪里，如果它在外部文件中不要忘记把它导入到你的html文件中 –

您可能有specificity问题。

尝试

#psp-primary-header > #psp-main-nav > #nav-talk {display:none;}

然后取出母体的ID一次一个寻找到特异性冲突。

例如，如果你也有：

.nav #nav-menu li {display:inline-block !important;}

将被应用在：具有display:inline-block

见Id之间的差值Vs More Specific

#nav-talk {display:none !important;}

随着#nav-talk

来源

2017-07-26 00:37:02

第一个CSS没有工作。在内联之后，然后隐藏它的工作。 – Raven

如果外部CSS不工作，你在你的问题的状态，你可以把它写进HTLM：

<li id="nav-talk" style="display:none;"><a href="#psp-discussion" class="">Discussion</a> </li>

来源

2017-07-26 00:17:56 Johannes

如何使用CSS隐藏此列表项目

回答

相关问题