过渡-FOUC在WebKit？

Question

WebKit一直很烦我:在页面加载时，它会从初始的浏览器默认值激活一个transition。我有一件事

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

但是它会从color: blue中消失！其他属性不受FOUC的影响，只受transition的影响。

不幸的是，它是超级难以复制，我无法设法篡改它。我的(无可否认是边缘)的情况是这样设置的：

1. "dev“版本:一堆<script />和<style type="text/less" />的
2. 生产版本:脚本和样式H5BP-style concat'ed & minified (第一个lessc编辑)

FOUC只会出现在情景2中，但在我将一些样式表的@imports与@font-faces内联之后就停止了。

所以我想这一定和装货时间/订单有关吧？

有人遇到过这样的事吗？(我想不是。)

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

Answer 1

如果我不得不猜的话，我会说这是因为你把你的过渡置于你的颜色之前。通过这样做，您已经分配了转换，而链接是默认颜色(蓝色)，然后告诉它改变颜色(理论上)。

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