JSFiddle - React, Tailwind, and code Playground

by polaszk

HTML

<svg xmlns="http://www.w3.org/2000/svg">
  <g>
    <rect x="0" y="0" width="100" height="100" fill="red"></rect>
    <text x="0" y="50" font-family="Verdana" font-size="35" fill="blue">Hello</text>
  </g>
</svg>

CSS

g:hover rect{
  fill: blue;
}

g:hover text{
  fill: yellow;
}