Нюансы последовательности состояния ссылок в CSS
Псевдоклассы ссылок наследуют друг от друга. К примеру,
если я уберу подчеркивание для состояния
:link
, то оно уберется для
всех состояний.
Из-за наследования для корректной работы
данные псевдоклассы следует размещать именно
в таком порядке, как в примере: :link
,
:visited
, :hover
, :active
(ненужные можно не писать). Этот порядок
подчиняется следующему мнемоническому правилу:
LoVe HAte.
Сделайте все ссылки в состоянии :hover
красными и неподчеркнутыми, в состоянии :link
- голубыми, в состоянии :visited
-
зелеными, в состоянии :active
-
черными.