CodePen Embed - HTML :: @namespace styling SVG <a> vs regular <a>

<svg height="256" width="256" xmlns:xlink="http://www.w3.org/1999/xlink">
  <circle cx="120" cy="120" r="110" stroke="green" stroke-width="4" fill="yellow" />
  <a xlink:href="https://www.example.com">
    <text x="25" y="120">link in &lt;svg&gt;</text>
  </a>
</svg>
<div>
  <a href="https://www.example.com">link in rest of body</a>
</div>

@namespace vector url(http://www.w3.org/2000/svg);
  
a {
  font-family: Arial;
  font-size: 36px;
  color: purple;
}

vector|a {
  font-family: Impact;
  text-decoration: overline underline;
  text-decoration-style: dotte
  fill: red;
}

This Pen is owned by Sanford Whiteman on CodePen.

See more by @figureone on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.