将SVG中的g id作为滚动的目标

我正在使用一个从Adobe Illustrator输出的SVG文件，因此可能有很多不必要的代码。经过一次又一次的搜索，我终于找到了这个

<?xml-stylesheet type="text/css" href="SVG_css.css"?>

path:hover{
fill:#005289;
}

它从外部样式表获得滚动，但它当然将每个路径作为滚动的目标

例如，我需要以组中的路径为目标，以便在滚动时突出显示三个元素。这是Illustrator的代码结构

    <g id="WIRE_ROOM">
    <path fill="#BCBEC0" d="M357.3,24.4c0,0.6-0.6,1-1.4,1h-8.1c-0.8,0-1.4-0.5-1.4-1v-8.9c0-0.6,0.6-1,1.4-1h8.1c0.8,0,1.4,0.5,1.4,1
        V24.4z"/>
    <path fill="#BCBEC0" d="M357.3,51.4c0,0.6-0.6,1-1.4,1h-8.1c-0.8,0-1.4-0.5-1.4-1v-8.9c0-0.6,0.6-1,1.4-1h8.1c0.8,0,1.4,0.5,1.4,1
        V51.4z"/>
    <path fill="#BCBEC0" d="M376.7,24.4c0,0.6-0.6,1-1.4,1h-8.1c-0.8,0-1.4-0.5-1.4-1v-8.9c0-0.6,0.6-1,1.4-1h8.1c0.8,0,1.4,0.5,1.4,1
        V24.4z"/>
</g>

我曾尝试将ID与样式表关联，但没有成功……我还尝试将一个类直接关联到SVG中

如果我将class=locations添加到路径中，它当然只会覆盖这一个元素，而不是元素组。当我像这样添加类时，什么都没有发生。g id=电线\房间类别=位置

如果有人能帮助我，我将不胜感激，因为我已经搜索并尝试了我知道要尝试的一切

---

因此，在WIRE_ROOM的情况下，这些是不同的设备，我需要悬停来突出显示所有3个区域，以表示一个公共区域。谢谢大家!

作为将来的参考，您要查找的选择器是gWIRE_ROOM:hover path或g.locations:hover path。我建议使用类而不是ID

将鼠标悬停在任何子元素上时，将触发组上的悬停状态，然后选择器将悬停样式应用于所有子路径

---

您必须在选择器中特别提到路径-您不能依赖继承-因为您的文件直接在路径上设置填充颜色，这优先于任何继承的样式。

阅读多一点后，我能够连接d属性的值以创建一条路径，而不是多条路径。感谢您提供的选择器，我相信我们将来还会有另一个类似的项目，因此这些将非常有用！