Цвет посещенных ссылок не меняется

@Gleb111 · Регистрация: 12.04.2014

Студворк — интернет-сервис помощи студентам

Столкнулся с трудной задачей. Вот проблемный код css:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
a:link {
color:#e0ffff;
font-weight:bold;
font-size:20px;
text-decoration:none;
margin-left:2px;
transition:color 0s, margin 0s, background-color 0s;
}
a:hover {
color:#ff0000;
font-weight:bold;
font-size:20px;
text-decoration:none;
margin-left:10px;
}
a:visited {
color:#000000;
font-weight:bold;
font-size:20px;
text-decoration:none;
margin-left:10px;
}

Что выходит...

Человек заходит на сайт, видит ссылки цвета #oeffff. Наводит мышь на какую - нибудь, и видит их цвета #ff0000, отводит, и она возвращает цвет #oeffff. Кликает на нужные, и потом все посещенные ссылки становятся такого цвета, какой указан в a:visited {, то есть черного. При наведении на уже посещенную ссылку, участки кодов:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
a:link {
color:#e0ffff;
font-weight:bold;
font-size:20px;
text-decoration:none;
margin-left:2px;
transition:color 0s, margin 0s, background-color 0s;
}
a:hover {
color:#ff0000;
font-weight:bold;
font-size:20px;
text-decoration:none;
margin-left:10px;
}

перестают работать. Рабочими остаются только отступы + 8 px при наведении. В итоге, при наведении цвет ссылки остается таким же. Как же это исправить?

@SF · 27.04.2014, 15:51

Gleb111, попробуйте убрать псевдокласс :link

@Gleb111 · 27.04.2014, 15:54 **[ТС]**

Ничего не изменилось

Добавлено через 14 секунд
Есть еще варианты?

@SF · 27.04.2014, 16:05

Gleb111, тогда проблема не здесь а html ссылке проверите так

HTML5
1
<a href="https://www.cyberforum.ru/" target="_blank">CyberForum</a>

@Gleb111 · 27.04.2014, 18:24 **[ТС]**

Она почему - то невидимая, но кликабельная. Менял цвет. Странно..

Добавлено через 3 минуты
Я убрал a:visited {, а также убрал псевдокласс link, и все РАБОТАЕТ! Спасибо!!

@wLight · 27.04.2014, 19:49

Просто удалить строку это конечно просто, но если в дальнейшем нужно будет применить разный стиль к обычной и посещенной ссылки, и при это оставить эффект при наведении, то нужно правильно код писать.
У CSS приоритет применения стилей идет снизу вверх.
a:hover { ... } должно идти после a:visited { ... }

@Gleb111 · 29.04.2014, 13:40 **[ТС]**

Спасибо!

Новые блоги и статьи Все статьи Все блоги /
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .

Цвет посещенных ссылок не меняется

Решение

Решение

@SF Boo 142 / 117 / 55 Регистрация: 02.12.2013 Сообщений: 396
	27.04.2014, 15:51
	Сообщение было отмечено Gleb111 как решение Решение Gleb111, попробуйте убрать псевдокласс :link 1

@Gleb111 1 / 1 / 0 Регистрация: 12.04.2014 Сообщений: 51
	27.04.2014, 15:54 [ТС]
	Ничего не изменилось Добавлено через 14 секунд Есть еще варианты? 0

@Gleb111 1 / 1 / 0 Регистрация: 12.04.2014 Сообщений: 51
	27.04.2014, 18:24 [ТС]
	Она почему - то невидимая, но кликабельная. Менял цвет. Странно.. Добавлено через 3 минуты Я убрал a:visited {, а также убрал псевдокласс link, и все РАБОТАЕТ! Спасибо!! 0

@wLight 38 / 38 / 22 Регистрация: 27.04.2014 Сообщений: 131
	27.04.2014, 19:49
	Сообщение было отмечено Gleb111 как решение Решение Просто удалить строку это конечно просто, но если в дальнейшем нужно будет применить разный стиль к обычной и посещенной ссылки, и при это оставить эффект при наведении, то нужно правильно код писать. У CSS приоритет применения стилей идет снизу вверх. a:hover { ... } должно идти после a:visited { ... } 0

@Gleb111 1 / 1 / 0 Регистрация: 12.04.2014 Сообщений: 51
	29.04.2014, 13:40 [ТС]
	Спасибо! 0