一个SVG类悬停会影响另一个SVG元素

Question

在此page上，我有用SVG代码表示的化学表格，化学元素在rect标签中。 rect标记内的元素名称在text标记中。

我要求当鼠标悬停在文本标签上时，矩形的笔触宽度也必须变大。

现在，我实现的是，使rect：hover更改rect的stroke-width属性。由于文本不具有笔划宽度属性，因此将两者结合起来不会这样做。

text:hover, rect:hover  {
opacity:1;
stroke-width:3;
cursor: pointer;}