jQuery不会添加CSS，只有在'；它已经被HTML定义了

长期读者，第一次海报！=）

我对jQuery有问题。我试图为每个li添加一个样式，但是，除非li已经内联定义了特定的样式，否则jQuery似乎什么也做不了。这是一个很好的解决方法，但却违背了我代码的目标

下面是我在codepen上遇到的问题的示例。我派生了另一个人的代码，试图让jQuery添加动画延迟，而不是在HTML中硬编码。我相信效果和风格只适用于Chrome

正如您所看到的，我有前几个具有内联样式的li元素。jQuery会正确地更改这些元素，但不会向其他li元素添加样式

---

有什么想法吗？

在您的示例中，我在jquery中没有看到任何操作css的东西。。。注意，.css应该可以正常工作：

我认为问题在于没有内联样式的

LI

在

$（document.ready（）

函数执行之前完成动画制作（或至少开始动画制作）。与其他代码笔内容相比：

所有

LI

s获得边框宽度，并将动画延迟增加到10秒。除了带有

coral

类的一个，它有一个非常小的延迟（在本例中为零）。在您的例子中，没有延迟的内联样式值的every

LI

默认为零，这导致它在document ready函数有机会更改值之前开始动画

---

在我上面链接的代码笔中，我输入了一些数字，你可以使用这些数字来查看效果。它们是HTML源代码（coral LI）中的

play1

，CSS源代码（最后一个LI规则属性）中的

play2

。

Ah！我认为你是对的，关于在jQuery可以改变它之前完成动画。谢谢