什麼導致這種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; 
}