Javascript 用CSS实现SVG图像的彩色化

有没有一种方法可以将颜色作为一个整体应用于SVG图像？不去我的每一条路、每一圈、每一条线，一个接一个地去做吗

我尝试将svg元素与

<g class="myImage"> 

---

希望这对你有所帮助

你做得对。填充应该继承自

元素，所有圆圈都将是红色的，一个接一个。Firefox显示一个大红色圆圈。

“我试图将我的svg文件与…”分组。不要只告诉我们你尝试了什么，还要展示你尝试了什么。很抱歉，我最初的问题没有发布正确，我只是编辑了它。你尝试的应该有用。如果将整个文件附加到问题上，我们可能会看到问题的症结所在。Firefox显示一个大的红色圆圈。你的UA有什么不同吗？哇，我昨晚试了一整晚，什么都没发生，我今天早上读了你的帖子，又试了一次，结果成功了：|我真的不知道我哪里出了问题，但它现在起作用了，非常感谢！你应该发布一个答案，这样我就可以选择你了我只是仔细检查了我的设置，它工作了，谢谢你的回复

<?xml version="1.0" standalone="no"?>
<?xml-stylesheet href="../css/logo.css" type="text/css"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">

<g class="logo">  
    <circle cx="50%" cy="50%" r="35%"/>
    <circle cx="50%" cy="50%" r="35%"/>
    <circle cx="50%" cy="50%" r="35%"/>
</g>
</svg>

.logo {
    fill:red;
}