奇怪的css3转换行为与：访问

Question

我刚刚在Google Chrome中发现了a:hover和a:visited奇怪的CSS3过渡问题。 （demo）链接应具有橙色背景，访问后应为蓝色。当您将鼠标悬停在上面时，链接应该会变宽。但是，当您在访问后将鼠标悬停在上方时，链接会在转换期间变为橙色，然后再变为蓝色。我希望它在过渡期间保持蓝色，因为，链接仍然是:visited，对吧？ 任何帮助，建议，或任何欣喜的感谢！ （没有jQuery，请 - 仅限CSS）

Answer 1

添加此代码：

a:visited a:hover{
  width: 17em;
  background: #B2CDE0;
}

结果（至少在Chromium中）效果结束时的背景颜色为蓝色，但在缓出期间则不然。对我来说似乎是一个webkit错误

Answer 2

这与隐私有关，例如Firefox不支持转换：https://developer.mozilla.org/en/CSS/Privacy_and_the_:visited_selector