Disabling Link Style Across CSS Pseudo Selector States

Scenario

We want to switch off default browser link styling.

Approach

Switch off text decoration and inherit text color:

a, a:link, a:visited, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
}

And remember selector order matters.

How To Remember The Order of Selectors: LOVE and HATE | CSS-Tricks