CodePen Embed - Anchor

<h3 id="item1"><a href="#item1" class="anchor">Article one</a></h3>
<h4 id="item2"><a href="#item2" class="anchor">Sub Article one</a></h4>

.anchor{
  color:#000;
  text-decoration:none;
}
.anchor::after {
  content: "#";
  color:blue;
  visibility: hidden;
  margin-left: .3em;
}

:where(h3:hover,h4:hover,h5:hover,h6:hover)  > .anchor::after {
  visibility: visible;
}

Run Pen

This Pen is owned by Paul O'Brien on CodePen. It is a fork of this Pen.

See more by @paulobrien on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.