我正在快速为网站制作动画标题原型并发现一个非常奇怪的事情：当你在通用选择器（*）上应用CSS过渡时，Safari（9）和Chrome（46）会以某种方式延迟动画关于伪元素（就像它们被链接）。 Firefox（41）不会。
测试自己：https://jsfiddle.net/w0uwkw99/
我知道这不是好习惯，但我想知道为什么会这种情况发生，应该是正确的行为。
答案 0 :(得分：3)
这实际上与伪元素无关，也与通用选择器无关。
问题是inherit和转换在WebKit中不能很好地发挥作用。在父动画完成后，它只会将值传播到inherit ed元素。
如果将颜色显式应用于伪元素和嵌套元素，则动画将正常工作。