And if you want to add a a:focus to this (which is the same as “a:hover” except it targets non-pointer-tool devices like TABs, assistive technologies for the handicapped that cannot use a “mouse”, etc),

a:link {….}
a:visited {….}a:focus, a:hover {…}
a:active {….}

if you are a STAR WARS fan, just think:
“lord vader’s former handle anakin”
and you have just added some Accessibility s. 508 to your pages.

I was not the one to think this up, -btw. I merely repeat it here to share.

👋

CSS-Tricks* is created, written by, and maintained by Chris Coyier and a team of swell people. It is built on WordPress and powered up by Jetpack. It is made possible through sponsorships from products and services we like.