treehouse : what would you like to learn today?
Web Design Web Development iOS Development

LoVe HAte. Link Style Ordering: What about :focus?

  • I think everyone knows the "LoVe HAte" link ordering, but where should :focus come into it? It is merely a keyboard-based version of :hover?

    Should the proper version be;

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

  • LoVe Fuck HAte ? Sorry, it was easy. :D

    Yeah, :focus should probably stand next to :active. Maybe after :active. First you click on the link (:active) then it becomes focused (:focus).

  • Ha! Nice. Sounds like my love life at the moment.

  • And forever more, it shall be known.

    (Also yes, I also always combine :hover and :focus)