Урок 26 · CSS

Ссылка показывает, что с ней уже было

Обычная, посещённая, наведённая и нажатая ссылка — это четыре разных момента.

Почему это следующий шаг

Длина строки уже удобная. Теперь по ссылке видно, новая она или уже открытая.

Как сделать

Пиши селекторы в порядке link, visited, hover, focus-visible, active. Иначе более общее правило затрёт частное. Посещённую ссылку не делай серой до нечитаемости. Наведение меняет цвет или подчёркивание, но ссылка остаётся ссылкой и без мыши.

a:link { color: #2a62d9; }
a:visited { color: #5b4b8a; }
a:hover { text-decoration-thickness: 2px; }
a:focus-visible { outline: 2px solid currentColor; }

Что проверить

• Новая и открытая ссылки различаются.
• При наведении подчёркивание или цвет меняется.
• Без мыши ссылка всё ещё выглядит как ссылка.