Изменение цвета ссылки

@Aleksanderac · Регистрация: 01.02.2009

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

2 года не сталкивался с Html и css.
Подруге дали лаболаторные сделать.
Само задание:
5. Сделать на странице 3 ссылки на другие файлы (эти файлы тоже создать и оформить с помощью CSS по варианту), при наведении указателя на ссылку или при переходе на ссылку другим способом она должна изменять цвет.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<HTML>
<HEAD>
<TITLE>
51 группа
</TITLE>
 
<STYLE><!--.Example{font-family: Comic Sans MS, Tahoma; font-weight: bolder; font-size: 25pt; color: darkgreen;}
--></STYLE>
<STYLE><!--.Example1{font-family: Comic Sans MS, Tahoma; font-weight: bolder; font-size: 25pt; color: Deepskyblue;}
--></STYLE>
<STYLE><!--.Example2{font-family: Comic Sans MS, Tahoma; font-weight: bolder; font-size: 25pt; color: Darkmagenta;}
--></STYLE>
 
 
<BODY bgcolor="pink" text="black" link="blue" vlink="purple" alink="red">
<P align="center" title='2' ><font color="red"><STRONG><U>Математика</U></STRONG></font></P>
<P align="right"><I><STRIKE>Компьютерное моделирование Компьютерное моделированиеКомпьютерное моделирование Компьютерное моделирование Компьютерное моделирование</STRIKE></I></P>
<LINK REL=STYLESHEET TYPE="text/css" HREF="css/Example.css"><a href="otnos/1.html"   title="Там мафынка + стиль взят из файла"><H1>1 ссылка</a><BR>
<a href="otnos/2.html" target="self" title="Там котик"><div class="Example1">2 ссылка</a></div>         <BR>
<a href="otnos/3.html" target="self" title="Там мишка"><div class="Example2">3 ссылка</a></div>
 
</HEAD>
</BODY>
</HTML>
</HTML>

Не получается цвет ссылки при наведении.

1 ссылка получается, но там стиль берется из файла.

а вот 2 и 3 нет. вроде в body прописал цвета при нажатии ссылок, но не работает.
Подскажи как правильно. Извиняюсь за корявый код...

Humanoid · 29.09.2009, 14:08

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
a {
  color : <цвет ссылки по умолчанию>;
}
 
a:hover {
  color : <цвет при наведении>;
}
 
a:visited {
  color : <цвет ссылки, которая уже посещалась>;
}
 
a:active {
  color : <цвет ссылки, на которую уже нажали, но ещё не отпустили>;
}

И я не понимаю, как такая страница вообще может работать. Если бы я был браузером и мне подсунули бы такую страницу, то я матюгнулся бы и завис.

HTML5
1
2
3
4
5
6
7
8
9
10
11
<html>
<head>
<title></title>
<link refl="stylesheet" type="text/css" href="css/Example.css">
</head>
<body>
<a href="page1.html">Ссылка 1</a><br>
<a href="page2.html">Ссылка 2</a><br>
<a href="page3.html">Ссылка 3</a><br>
</body>
</html>

@component6 · 30.09.2009, 16:54

что означает ul#bla li.iehover a - только для ie?
и
ul#bla ul:after

Humanoid · 30.09.2009, 18:33

component6, если после точки, то это имя класса. В данном случае это действует для тега <ul id="bla">... внутри этого тега есть тег <li class="iehover">... а внутри уже тег <a>
А вот что означает :after не знаю.

Новые блоги и статьи Все статьи Все блоги /
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

@component6 9 / 9 / 1 Регистрация: 09.08.2009 Сообщений: 109
	30.09.2009, 16:54
	что означает ul#bla li.iehover a - только для ie? и ul#bla ul:after 0

Humanoid Почетный модератор 11556 / 4351 / 452 Регистрация: 12.06.2008 Сообщений: 12,454
	30.09.2009, 18:33
	component6, если после точки, то это имя класса. В данном случае это действует для тега <ul id="bla">... внутри этого тега есть тег <li class="iehover">... а внутри уже тег <a> А вот что означает :after не знаю. 1