Question

请帮我把这个导航链接中的一个用CSS删除我的代码

<body id="quiz">
<div class="container">
  <header> 

    <div > 
      <nav class="navigation">
        <ul>
          <li><a href="index.xhtml" id="indexnav">Home</a></li>
          <li class="has-sub"> <a href="#" id="topicnav">Topic</a>
            <ul>
              <li><a href="html5intro.xhtml"><span>HTML5</span></a></li>
              <li><a href="inputElement.xhtml"><span>Input Type</span></a></li>
              <li class='last'><a href="inputMore.xhtml"><span>More Input Atributes</span></a></li>
            </ul>
          </li>
          <li class="liregister"> <a href="register.xhtml" id="registernav">Register</a> </li>
          <li> <a href="about.xhtml" id="aboutnav">About</a></li>
          <li><a href="enhancement.xhtml" id="enhancementnav">Enhancement</a></li>
        </ul>
      </nav>
    </div>
</header>
</body>

问题是如何消失链接“注册”？谢谢

Answer 1

#registernav {
display:none;
}

把它放在你的CSS中

Answer 2

如果您只是想隐藏链接，那么

#registernav {
display:none;
}

但是，这仍然会使列表项可见（即使链接不再存在）。

隐藏您需要的时间列表项目

.liregister {
display:none;
}

Answer 3

使用CSS，display:none隐藏了一个元素，它不会占用任何空间。元素将被隐藏，页面将显示为元素不存在：

.liregister {
  display: none;
}

<body id="quiz">
  <div class="container">
    <header>

      <div>
        <nav class="navigation">
          <ul>
            <li><a href="index.xhtml" id="indexnav">Home</a>
            </li>
            <li class="has-sub"> <a href="#" id="topicnav">Topic</a>
              <ul>
                <li><a href="html5intro.xhtml"><span>HTML5</span></a>
                </li>
                <li><a href="inputElement.xhtml"><span>Input Type</span></a>
                </li>
                <li class='last'><a href="inputMore.xhtml"><span>More Input Atributes</span></a>
                </li>
              </ul>
            </li>
            <li class="liregister"> <a href="register.xhtml" id="registernav">Register</a> 
            </li>
            <li> <a href="about.xhtml" id="aboutnav">About</a>
            </li>
            <li><a href="enhancement.xhtml" id="enhancementnav">Enhancement</a>
            </li>
          </ul>
        </nav>
      </div>
    </header>
</body>

或

您可以从页面中删除列表项目。

<body id="quiz"> <div class="container"> <header> <div> <nav class="navigation"> <ul> <li><a href="index.xhtml" id="indexnav">Home</a> </li> <li class="has-sub"> <a href="#" id="topicnav">Topic</a> <ul> <li><a href="html5intro.xhtml"><span>HTML5</span></a> </li> <li><a href="inputElement.xhtml"><span>Input Type</span></a> </li> <li class='last'><a href="inputMore.xhtml"><span>More Input Atributes</span></a> </li> </ul> </li> <li> <a href="about.xhtml" id="aboutnav">About</a> </li> <li><a href="enhancement.xhtml" id="enhancementnav">Enhancement</a> </li> </ul> </nav> </div> </header> </body>

如何消失导航链接之一？

3 个答案: