是什么导致此 CSS 转换延迟，特别是 Chrome 中的颜色？

Question

在大多数属性上使用 CSS 转换按预期运行，除了我遇到的颜色问题。

我已经设置了演示笔here。

当转换被指示改变颜色时 属性，它们都依次排队，而不是一次全部发生。

这似乎仅限于 webkit，因为 IE 和 Firefox 按预期工作。

#change {
    color: green;
    transition: color 200ms linear;
}
.changed {
    color: red;
}

Answer 1

我想是因为color继承了属性，而你对transition使用了*选择器。您应该仅将 transition: color 设置为您更改 color 的元素，例如 (http://codepen.io/sergdenisov/pen/QbjjjP):

#container {
    padding: 0;
    transition: color 500ms;
}
#container * {
    transition: margin 500ms;
}