如何让2个SVG元素在悬停时互相触发

Question

我正在使用python写入一个HTML文件，该文件将包含2个单独的SVG，并具有使用以下代码从一系列矩形创建的网格：

（pixel_size是可缩放的常量，具体取决于我的输入数据）

for i in range(0,int(width/pixel_size)+1):
    for j in range(0,int(height/pixel_size)+1):
        Ofile.write('<rect x="%f" y="%f" width="%f" height="%f" style="fill:none;stroke:black;stroke-width:1;" />\n' % (i*pixel_size,j*pixel_size,pixel_size,pixel_size))

我希望能够将鼠标悬停在第一个或第二个网格上的一个网格正方形上，并且将鼠标悬停在正方形上以及相应的网格正方形都将在鼠标悬停时更改填充颜色，并在鼠标移出时恢复正常。网格也位于单独的SVG中。

我知道一个选项是为每个单独的网格正方形设置ID和样式，但这将为这种简单的任务产生很多行。