如何让我的导航按钮保持活动状态？ [复制]答案

【问题标题】：how to get my navigation button to stay active? [duplicate]如何让我的导航按钮保持活动状态？ [复制]
【发布时间】：2015-11-27 12:15:28
【问题描述】：

无法让我的导航使用 html 和 css 保持活动状态。它只是亮起，但按下时不会保持活动状态。我错过了什么？

如何让它在按下时保持活动状态？真的急需帮助！我是编码新手，所以请帮忙。

尝试将#menu2 a:hover{ 更改为#menu2 a:hover, #menu2 a:active {。

在 CSS 中添加了 #menu2 a:active。

#menu2 a:hover,#menu2 a:active{
  background-image: url(bildes/apak_navig_green.png);
  color:white;
  font:14px Arial;
  color:black;  
  text-decoration:none;
  display: block;
  line-height:30px;
}

但是没有用，当我只离开活动类时，它只会在我需要的外观中出现故障，然后返回旧外观，我想那是因为信息位于不同的 html 文件中，但是随后我怎样才能让它工作？

HTML

<div id="apaknavig">
  <div id="menu2">
    <ul>
      <li><a href="uznemums.html">Uzņēmums</a></li>
      <li><a href="kontakti.html">kontakti</a></li>    
    </ul>
  </div>
</div>

CSS

#apaknavig {
  Width: 200px;
  height: 604px;
  top:-613px;
  position:relative;
  font:14px Arial;
  color:black;      
  float:left;
  right:35px;
  text-indent:12px;
  display: block;
  line-height:30px;
}

#menu2 ul{
  list-style:none;
  float: left;
  font:14px Arial;
  color:black;  
  right:90px;
  text-decoration:none;
  text-align:left; width:10px;
  display: block;
  line-height:30px;
  margin-bottom:10px;
}

#menu2 a{
  background-image: url(bildes/apak_navig.png);
  display:block;
  width: 196px;
  height:34px;
  font:14px Arial;
  color:black;  
  float:left;
  right:90px;
  text-decoration:none;
  display: block;
  line-height:30px;
  margin-bottom:3px;
}

#menu2 a:hover{
  background-image: url(bildes/apak_navig_green.png);
  color:white;
  font:14px Arial;
  color:black;  
  text-decoration:none;
  display: block;
  line-height:30px;
}

【问题讨论】：

标签： html css navigation

【解决方案1】：

点击时它是活动的，仅此而已。您可以使用 JavaScript 添加一个“活动”类。

【讨论】：