当父元素有动画时，我如何设置子元素为无动画？

当父元素有动画时，要设置子元素为无动画，可以使用CSS的属性animation:none。这会禁用子元素的所有动画效果。

具体方法如下：

1. 在父元素的CSS样式中，设置动画属性（例如animation-name、animation-duration等）。
2. 在子元素的CSS样式中，添加animation:none，以确保子元素不受父元素动画的影响。

下面是一个示例代码：

<style>
.parent {
  animation-name: slide;
  animation-duration: 2s;
}

.child {
  animation:none; /* 禁用子元素的动画 */
}
</style>

<div class="parent">
  <div class="child">
    这是子元素，它不会有动画效果。
  </div>
</div>

在上述示例中，父元素.parent应用了动画效果，而子元素.child使用了animation:none属性，以确保它没有动画效果。