css - WebKit 中的过渡 FOUC？

Question

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

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

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

不幸的是，它很难重现，我无法设法 jsfiddle 它。我的(公认的边缘)案例是这样设置的:

1. 一个“开发”版本:一堆<script /> s 和 <style type="text/less" />小号
2. 生产版本:脚本和样式 H5BP -style concat'ed & minified (first lessc ed, respectively)

FOUC 只会出现在情况 2 中，但在我内联 @import 后停止了一些带有 @font-face 的样式表秒。一个解决方法，但它

所以我想这一定与加载时间/顺序有关？
有人遇到过这样的事情吗？ (我猜不是。)

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

Answer 1

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

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