Какие состояния ссылок есть в CSS и в каком порядке их задавать?

Question

Accepted Answer

## Первым делом

Классика псевдоклассов: `:link`, `:visited`, `:hover`, `:active` (+ `:focus` / `:focus-visible`).

Мнемоника порядка **LVHA** (LoVe HAte): link → visited → hover → active, чтобы более специфичные по времени состояния не перебивались предыдущими правилами той же специфичности.

```css
a:link { color: #0e7490; }
a:visited { color: #6d28d9; }
a:hover { text-decoration: underline; }
a:active { color: #155e75; }
a:focus-visible { outline: 2px solid currentColor; }
```

`:visited` ограничен браузером из соображений приватности (мало какие свойства доступны).

## Итог

Помните LVHA и не забывайте фокус для клавиатуры.