转型 - 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" /> s
2. 一个制作版本：脚本和样式H5BP - 样式concat'ed＆amp;缩小（分别为lessc编辑）
FOUC只会出现在情境2中，但在我用@import s内联某些样式表的@font-face之后停止了。解决方法，但它

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

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

Answer 1

如果我不得不猜测，我会说这是因为你已经在你的颜色之前进行了过渡。通过这样做，您已经指定了转换，而链接是默认颜色（蓝色），然后告诉它改变颜色（理论上）。

尝试将过渡设置为最后一个，以防止它们从浏览器默认值转换。