Javascript 有没有办法抵消或延迟li动画？

我想抵消动画，但它似乎不是在我的代码或我只需要做一个接一个的工作。如果是的话，那就很难了。请帮帮我。我用图标表示我的li。我是一个初学者，请原谅我的英语。我不知道如何使用第一个孩子等等。。请有人教我。我很感激，先谢谢你

代码如下：

.nav项目a{
显示：块；
文字装饰：无；
颜色：黑色；
填充：10；
边际：2px0；
宽度：200px；
显示器：flex；
对齐项目：居中；
左边距：-173像素；
过渡：0.2秒；
边框右上角半径：40px；
边框右下半径：40px；
}
李一{
颜色：黑色；
字体大小：27px；
填充：0；
滤镜：灰度（100%）不透明度（0.3）；
宽度：100%；
文本对齐：右对齐；
过渡：0.2秒；
文本阴影：1px 1px 3px#000000；
动画：FadeIn 1s线性；
动画填充模式：两者都有；
}
@关键帧淡入淡出{
0% {
不透明度：0；
变换：比例（0.1）；
}
85% {
不透明度：1；
转换：标度（1.05）；
}
100% {
变换：比例（1）；
}
}
.navbar nav li{
动画：我的动画300毫秒放松；
}
.navbar nav li:第n个孩子（1）{
动画延迟：100ms；
}
.navbar nav li:第n个孩子（2）{
动画延迟：200ms；
}
.navbar nav li:第n个孩子（3）{
动画延迟：300ms；
}

我重新组织了您的代码，但它缺少一些内容

• .navbar nav li

  动画显示我的动画，但我将其更新为您的动画名称

  FadeIn

• 我将

  I

  添加到

  .navbar nav li:nth child（1）I

  中，以便动画在该元素而不是其父元素上运行

可能还有一些其他的事情，但你几乎做到了

.nav项目a{
显示：块；
文字装饰：无；
颜色：黑色；
填充：10；
边际：2px0；
宽度：200px；
显示器：flex；
对齐项目：居中；
左边距：-173像素；
过渡：0.2秒；
边框右上角半径：40px；
边框右下半径：40px；
}
李一{
颜色：黑色；
字体大小：27px；
填充：0；
滤镜：灰度（100%）不透明度（0.3）；
宽度：100%；
文本对齐：右对齐；
过渡：0.2秒；
文本阴影：1px 1px 3px#000000；
}
.navbar nav li i{
不透明度：0；
动画：FadeIn 0.3s减缓0s向前1；
}
.navbar nav li:第n个孩子（1）i{
动画延迟：100ms；
}
.navbar nav li:第n个孩子（2）i{
动画延迟：200ms；
}
.navbar nav li:第n个孩子（3）i{
动画延迟：300ms；
}
.navbar nav li:第n个孩子（4）i{
动画延迟：400ms；
}
@关键帧淡入淡出{
0% {
不透明度：0；
变换：比例（0.1）；
}
85% {
不透明度：1；
转换：标度（1.05）；
}
100% {
变换：比例（1）；
不透明度：1；
}
}

你所说的“偏移li动画”是什么意思？类似于将动画第一个图标延迟到最后。哦，就是这样，我不知道我必须在最后放一个I谢谢我的朋友！我很抱歉我还是不擅长这个代码。一点也不担心。您在.navbar nav li i上调用动画，但随后尝试在.navbar nav li上进行调整，因此无法关闭。谢谢您提供的信息，我的朋友。