Question

我正试图让我的链接在页面上时保持悬停状态（所以当他们在页面上时，链接将是蓝色/下划线）我已经检查了一些其他页面，但他们对我来说很困惑，这是我的代码的一部分：

a:link{
   font-family: avenir;
   letter-spacing: .3px;
   text-decoration: none;
}

a:hover{
   color: #2ab9d8; 
   font-size: 12px; 
   letter-spacing: .3px;
   text-transform: uppercase;
   text-decoration: none;
   -webkit-transition: all ease-in 133ms;
   -moz-transition: all ease-in 133ms;
   -o-transition: all ease-in 133ms;
   -ms-transition: all ease-in 133ms;
    transition: all ease-in 133ms;
   border-bottom: 1px solid #2ab9d8;
}

Answer 1

我不确定我是否理解你的问题是正确的，但我认为只要给出你想要一个类的特定元素（大多数ppl让它活跃起来）并用CSS制作它的风格

<a href="#" class="active">what ever</a>


.active{
color: #2ab9d8; 
font-size: 12px; 
letter-spacing: .3px;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all ease-in 133ms;
-moz-transition: all ease-in 133ms;
-o-transition: all ease-in 133ms;
-ms-transition: all ease-in 133ms;
 transition: all ease-in 133ms;
border-bottom: 1px solid #2ab9d8;

}

Answer 2

您希望链接保持带下划线和蓝色吗？

a:link{
  font-family: avenir;
  letter-spacing: .3px;
  text-decoration: underline;
  color: blue;
}

文字装饰：下划线;颜色：蓝色; 做神奇。

在这里查看示例并修改运行中的代码 http://jsfiddle.net/maurospinello/h48s2qtm/

如何使活动链接保持活动状态？

2 个答案: