悬停多个div，在Webkit颜色转换结束时更改颜色

Question

我有一个与页面的主CSS文件分开的CSS文件。 本质上，有三个超链接，每个超链接带有自己的p标签，一个在另一个超链接之下，每个超链接都具有自己的div，用于在突出显示时指定Webkit过渡颜色。 在Webkit过渡结束之前，所有颜色都可以很好地工作，这时所有三个链接都将颜色更改为CSS上一个类中指定的颜色（灰色）。 我尝试排除该最后一个类别，并且可以肯定的是，所有链接的最终颜色变为新的“最后一个类别”（蓝色）中指定的颜色。

仅当我访问了链接时，这种情况才会发生；当我清除cookie且不单击任何链接时，此方法才能正常工作。 所以似乎带有a：visited的东西，但是如您所见，我已经介绍了（我认为...）。

这是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。

Answer 1

在声明中，您仅声明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;
}  

这将使灰色的行为正确，对其他颜色和宾果游戏也是如此。