JSFiddle - React, Tailwind, and code Playground

by tyage

HTML

<svg width="50" height="50">
  <g>
    <a xlink:href="http://www.google.com" width="50" height="50" class="transparent">
        <text y="20">hoge</text>
    </a>
    <a xlink:href="http://www.google.com" width="50" height="50">
        <text y="20">hoge2</text>
    </a>
  </g>
</svg>

CSS

a {
    fill: #ff0000;
}
a.transparent {
    fill: transparent;
}
a:visited, a.transparent:visited {
    fill: #00ff00;
}