我构建了一个HTML页面，其中显示了某个人的语录。我想创造一种效果，作者的名字先淡出，然后在第二个淡出后引用。
我已经实现了我的目标，但我遇到了一个问题。每次在quote元素上设置transition-delay时，author元素也会延迟。这使得作者在T+1s中褪色，引用在T+2s中褪色。事实上，它不是T+1s和T+2s，而是更多。
这是重现我的问题的代码：Plunker
当您单击"切换显示"按钮时，将显示报价。你可以注意到，文本在几秒钟后就会消失。但是，如果您从CSS中删除.quote-text，您会注意到文本几乎立即淡入。
我的问题是，为什么类.quote-text上设置的transition-delay会影响类.quote-author上设置的转换？我该如何消除这种感情？
感谢您抽出时间
好吧，我不想回答这个问题，因为我对AngularJS的工作原理只有非常基本的了解。但我尝试了一些可能会有所帮助的方法。缺点是，我删除了ng动画并添加了ng类，这不能满足您的问题。但我相信你可以用ng动画来代替它，同样，这只是为了帮助你，可能会给你一些想法。
检查此Plunker
我只更改了html中的css和这两行：
<h2 class="quote-author transition" ng-class="{'show-me': show}">Bill Nye</h2>
<span class="quote-text transition" ng-class="{'show-me': show}">“Everyone you ever meet knows something you don’t”</span>