html5 transition过渡颜色的问题

Question

代码是

a{
    color: #555
}

.class > a > h2{
    color: #555
    transition: color .3s;
}
.class > a:hover > h2{
    color: red;
}

我要的效果是鼠标移上去就改变颜色，这个也实现了

但是令我不解的是：刚进入页面或者刷新的时候， h2标签会从蓝色（就是a标签默认的那个颜色）慢慢过渡到red，这是为什么呢，我不是已经把h2和a定义成#555了吗，那个丑陋的蓝色哪里来的

Answer 1

你这嵌套的方式有点问题，a是行内元素，而h2是块级元素，如果你没改过a标签的display的话，这段本身就是有bug的。