在WebKit中转换FOUC

Question

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

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

但它会从color: blue中淡出！其他性能没有受到FOUC的影响，只有transition s。

不幸的是，它非常难以复制，我无法处理它

1. "dev"版本：一堆<script />和<style type="text/less" />
2. 制作版本：脚本和样式H5BP样式concat'ed&缩小（分别为第一个lessc ed）

FOUC只会出现在情况2中，但在我将一些样式表的@imports与@font-faces内联后，它就停止了。这是一种变通方法，但它是

所以我想这一定和加载时间/顺序有关吧
有人遇到过这样的事情吗？（我想不是。）

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

Answer 1

如果非要我猜的话，我会说这是因为你把过渡放在了颜色之前。通过这样做，您已经在链接为默认颜色（蓝色）时指定了过渡，然后告诉它更改颜色（理论上）。

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