为什么背景颜色：继承;在Chrome中零星工作？

Question

Chrome - Mac OS X版本43.0.2357.124（64位）

小提琴：https://jsfiddle.net/Lvx3s915/

<div id="parent">
  <div id="child"></div>
</div>

var MakePink = function(){
  $("#parent").css('background-color','pink')
  setTimeout(MakeGreen,500)
}

var MakeGreen = function(){
  $("#parent").css('background-color','green')
  setTimeout(MakeBlue,500)
}

var MakeBlue = function(){
  $("#parent").css('background-color','blue')
  setTimeout(MakePink,500)
}
setTimeout(MakePink,500)

#parent {
  background-color:blue;
  height:200px;
  width:200px;
}

#child {
  background-color:inherit;
  height:200px;
  width:100px;
}

复制步骤：

• 查看小提琴
• 打开Inspect元素（开发者工具）
• 请注意，子元素不再与父背景颜色同步
• 如果页面具有显着的CPU使用率，这也适用。

GIF动画：http://s.david.gs/1gzSV