问答详情
源自:1-2 CSS3中transition属性

transition的书写位置

为什么transition要写在颜色没有改变之前,为什么不写在#block:hover里呢?

提问者:冰雪封尘 2016-03-18 20:18

个回答

  • Saplf
    2016-03-18 21:52:33
    已采纳

    我的猜测:为了方便浏览器解析?

    我自己练习的时候发现一个现象。我需要有两个过渡的属性,然而我当时并不知道可以直接在其后面直接用“,”隔开再加,我自作主张地又写了一个 transition ,导致的结果就是,前一个的过渡效果始终没有实现,也就是后一句直接覆盖了前一句。

    所以我的感觉,浏览器是用到什么选择器就加载那个选择器的内容。

    我又试着把 transition 的语句放在了 hover 中,结果,变长时正常过渡,而当鼠标移开,浏览器已经不会再解析 hover 中的语句了,也就没了过渡效果,直接变回 40px。

    纯属猜测,没有百度出权威解释。。。。