Css 多个div用于悬停，在webkit颜色转换结束时更改颜色

我有一个CSS文件，与页面的主CSS文件分开。基本上有三个超链接，每个超链接都有自己的p标记，一个在另一个下，每个超链接都有自己的div，用于在高亮显示时指定webkit过渡颜色。在webkit转换结束之前，所有颜色都非常有效，此时所有三个链接都将颜色更改为CSS上最后一个类中指定的颜色（灰色）。我尝试排除最后一个类，果然，所有链接的最终颜色都变成了新的“最后一个类”（蓝色）中指定的颜色

只有当我访问了链接，清除cookies并且没有点击任何链接时，这种情况才会发生。所以这看起来像是一个：访问，但正如你所看到的，我已经涵盖了（我想…）

以下是CSS：

.orangelink a:link:hover,a:hover,a:visited:hover        {
color: #cc7839;
text-decoration:none;
/* font-weight:bold; */
-webkit-transition:color 0.5s ease-in; 
-moz-transition:color 0.5s ease-in;

}

.bluelink   a:link:hover,a:hover,a:visited:hover    {
color: #7290a4;
text-decoration:none;
/* font-weight:bold; */
-webkit-transition:color 0.5s ease-in; 
-moz-transition:color 0.5s ease-in;

}



.graylink   a:link:hover,a:hover,a:visited:hover        {
color:  #b0afaf;
text-decoration:none;
-webkit-transition:color 0.5s ease-in; 
-moz-transition:color 0.5s ease-in;

}  

---

好像我错过了一些小东西。。。要清楚的是，主CSS文件没有干扰，除了超链接处于非活动状态时的颜色外，根本没有定义a。

在声明中，您只声明了a:link:hover的父类

.graylink   a:link:hover,
.graylink   a:hover,
.graylink   a:visited:hover{
    color:  #b0afaf;
    text-decoration:none;
    -webkit-transition:color 0.5s ease-in; 
    -moz-transition:color 0.5s ease-in;
}  

---

这将使灰色表现正确，对其他颜色和宾果游戏也一样。

做到了，谢谢，非常感谢！我想这是一个我不知道自己在做什么的简单例子：P