Order of Link Pseudo Classes (Lord Vader Hates Furry Animals)

Remember: Lord Vader Hates Furry Animals (CSS-TRICKS > Link Pseudo-Classes (In Order))

1. :link selector to style links to unvisited pages (CSS :link Selector)
2. :visited selector to style links to visited pages(CSS :visited Selector)
3. :hover selector to style links when you mouse over them (CSS :hover Selector)
4. :focus selector is used to select the element that has focus (w3schools.com > CSS :focus Selector)
   • :focus should be used for accessibility and keyboard users (CSS-TRICKS > Link Pseudo-Classes (In Order))
   • Usually the styling as :hover
5. :active selector is used to select and style the active link (w3schools.com > CSS :active Selector)
   • :active MUST come after :hover (if present) in the CSS definition in order to be effective!
   • a link becomes active when you click on it