css - WebKit 中的转换-FOUC？

Question

WebKit 一直让我非常恼火：在页面加载时，它会transition从初始的浏览器默认值动画 a。我有类似的东西

a:link {
    color: black;
    -webkit-transition: color 1s;
}

但它会从color: blue! 其他属性不受 FOUC 的影响，只有transitions。

不幸的是，它很难重现，我无法对其进行 jsfiddle 操作。我的（不可否认的边缘）案例是这样设置的：

1. 一个“开发”版本：一堆<script />s 和<style type="text/less" />s
2. 生产版本：脚本和样式H5BP -style concat'ed & minified（lessc分别为第一版）

FOUC 只会出现在情况 2 中，但是在我用 s 内联@import一些样式表的 s 后，这种情况就停止了@font-face。一种解决方法，但它

所以我想这一定与加载时间/订单有关？
有人遇到过这样的事情吗？（我猜不是。）

至少，也许有一天有人会遇到这个问题，并发现这很有用。

Answer 1

如果我不得不猜测，我会说这是因为您将过渡放在了颜色之前。通过这样做，您已经分配了过渡，而链接是默认颜色（蓝色），然后告诉它改变颜色（理论上）。

尝试将过渡放在最后，以防止它们从浏览器默认值过渡。