Template:Anchor link/styles.css

a > span.anchor-visible::after {
	content: '#';
	float: left;
	margin-left: -.87em;
	padding-right: .23em;
	-webkit-user-select: none;
	user-select: none;
	opacity: 0;
	transition: color .25s,opacity .25s;
}

:hover > a > span.anchor-visible::after,
a:focus > span.anchor-visible::after,
a:target > span.anchor-visible::after {
	opacity: 1;
}

/* templatestyles appears to lack :has() support at the moment
a:has(> span.anchor-visible) {
	float:left;
}*/

/* when firefox adds :has() support this won't be necessary */
a[href^='#'] {
	float:left;
}