我目前正在研究一个学校项目，我一直在尝试一些css-transitions。我正在使用过渡属性来点亮导航中的导航链接，但是当页面加载字体的颜色并且大小改变大小和颜色之后，它们会快速转换为我在css中指定的样式。你有什么可能导致这种情况的线索吗？我对页面上的其他一些元素也有同样的问题。
我已经尝试仅使用颜色属性的转换transition:color,0.5s;，但由于某种原因，文本变为蓝色/ purpelish。我也尝试过webkit-prefix，但这并没有真正帮助。如果我带走转换，问题就会停止。
非常感谢帮助！
这是导航的css
.main-head a{
text-decoration: none;
font-weight:bold;
font-size:3em;
margin:0.5em;
color:#636363;
transition:0.5s;
}
.main-head a:hover {
transition:0.5s;
color:#eee;
/*border-bottom:3px solid #eee;
border-top:3px solid #eee;*/
}
如果您想亲自检查一下，请点击此页面。加载页面时注意顶部，你会发现它的怪异。