На этой странице у меня есть химическая таблица в коде SVG, и химические элементы в прямоугольной метке. Имена элементов внутри прямоугольного тега находятся в текстовом теге.
Мне требуется, чтобы при наведении курсора мыши на текстовый тег ширина штрихов прямоугольника также увеличивалась.
Теперь, что я достиг, это сделав rect: hover изменить свойство ширины штриха для прямоугольника. Комбинируя два, этого не происходит, так как текст не имеет свойства stroke-width.
text:hover, rect:hover {
opacity:1;
stroke-width:3;
cursor: pointer;}