html5 transition过渡颜色的问题

问题描述

问 题

代码是

a{
    color: #555
}

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

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

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

解决方案

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

这篇关于html5 transition过渡颜色的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！