Css按钮激活

时间:2016-03-18 02:46:21

标签: html css

我不是编程的新手,但网页设计无论如何都不是我的强项。我目前正在使用Dreamweaver设计一个网站。在网站上,当按下按钮时,它处于活动状态。当我按下另一个按钮,例如"关于"它会将您发送到另一页(这是此页面的修改后的副本)但是" Home"按钮保持活动,即使我在关于页面上。下面的CSS脚本是否在某处分配给该特定按钮?如果它被分配,那么什么样的文件/它的位置是什么,以便我可以纠正这个。感谢。

ul.navlink li a.active{
float:left;
padding:0 23px;
color:#000000;
background-color:#98AFC7;
display:block;
border-left:solid 2px #6D7B8D;
border-right:solid 2px #6D7B8D;
width:auto;
cursor:text;
}

1 个答案:

答案 0 :(得分:1)

如果您发布了一些照片会更好,但我会尽力帮助。

在我看来,你正在谈论的是作为navegation菜单。许多网站“活跃”链接,让用户知道它是什么页面。

通常,他们有navegation链接的css规则和navegation中活动链接(class)的另一个规则。

所以,可能,如果你查看“home”链接的html,你会发现一个类或一个ID,可能被命名为“active”。您所要做的就是将其删除。

ul {
  list-style-type: none;
 }

a {
  text-decoration: none;
  color: black;
 }

#active {
  color: grey;
}
<html>
  <head>
    <title>Active nav</title>
  </head>
  <body>
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#" id="active">About</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
  </body>
</html>