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)
  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