The Nuances of Link State Sequence in CSS
Link pseudo-classes inherit from each other. For example, if I remove the underline for the :link state, it will be removed for all states.
Because of inheritance, these pseudo-classes must be placed in the order shown in the example to work correctly: :link, :visited, :hover, :active (unnecessary ones can be omitted). This order is governed by the following mnemonic rule: LoVe HAte.
Make all links in the :hover state red and ununderlined, in the :link state blue, in the :visited state green, and in the :active state black.
