Jquery 使用<；对象>；

我正在尝试使用CSS制作大型SVG的动画

当我将SVG直接放在HTML中时，效果很好

当我尝试使用

时，它会逐字加载SVG，而不会捕获CSS类。目标是将SVG放在一个文件中，并将其包含在HTML中

HTML

---

当我检查DOM时，所有SVG代码都被正确地包含（扩展到SVG中的

），但是CSS类没有被应用，当它加载SVG时，它会加载每个字母，一次加载一个

如果我没有弄错的话，SVG代码必须在HTML标记中内联声明，以便使用CSS进行操作。查看本文：

---

将CSS嵌入SVG文件起作用。

您是否将CSS类放在logo.SVG文件中（或从SVG文件中引用它们）？如果不是，那就是你出错的地方。@RobertLongson CSS在包含SVG的HTML文件中。您是否建议将其包含在logo.svg中？仅当您希望它工作时；-）哈哈，谢谢@RobertLongson，成功了。我现在遇到的问题是SVG非常大，图像嵌入其中（纹理）。徽标的字母一次加载一个，纹理加载得太晚以至于无法设置动画。如果这仅仅是因为它是一个大文件，或者有什么方法可以优化它？当我把SVG直接放在HTML中时，如果没有它，它是不会这样做的。你可以将CSS放在SVG文件中，或者在运行时使用javascript将其注入SVG文件中。最基本的一点是CSS是每个文档的。