смена цвета ссылки при наведении

37

seogroup

4 марта 2013, 13:08

873

присвоил ссылке стиль1

прописываю в css, а при наведении цвет не меняется(

где-то ошибку сделал?

.style1 {

	text-transform: uppercase;

	font-size: 15px;

	font-weight: bold;

	text-decoration: none;

	color:#003399;

	}

	.style1 a:link, .style1 a:visited

{

	color: #C0C0C0;

}

.style1 a:active, .style1 a:hover

{

	color: #FFFFFF;

}

471

Lord Maverik

4 марта 2013, 13:13

#1

выложите код самой страницы, так не понять

RedMall.Ru (https://redmall.ru) - Товары из Китая (Таобао, Tmall) с проверкой качества, скидка для форумчан 7% Партнерская программа 2 уровня: 5% + 5%. Подробнее. (https://redmall.ru/about/partner/)

D

32

Dimmmetrio

4 марта 2013, 13:18

#2

seogroup:
присвоил ссылке стиль1

прописываю в css, а при наведении цвет не меняется(

где-то ошибку сделал?

.style1 {
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color:#003399;
	}
	.style1 a:link, .style1 a:visited
{
	color: #C0C0C0;
}
.style1 a:active, .style1 a:hover
{
	color: #FFFFFF;
}

Если вы действительно присвоили ссылке стиль1, то выглядит она верятнее всегда как <a href="/" class="style1"> text </a>

Следовательно, и стиль должен быть не таким .style1 a:hover, а таким: a.style1:hover.

1

Покупаю: домены и сайты-визитки фирм (в т.ч. псевдо-фирм) в индексе от 6мес. -> в ЛС (). Профессиональная верстка шаблонов любой сложности; адаптация для ImageCMS; создание и продвижение сайтов.

C

291

Chukcha

4 марта 2013, 13:22

#3

помню

:link–:visited–:hover– :active.

21

hat_tab

4 марта 2013, 14:19

#4

Dimmmetrio:
Если вы действительно присвоили ссылке стиль1, то выглядит она верятнее всегда как <a href="/" class="style1"> text </a>
Следовательно, и стиль должен быть не таким .style1 a:hover, а таким: a.style1:hover.

небольшая поправочка, не обязательно a.style1:hover, вполне достаточно .style1:hover

C

291

Chukcha

4 марта 2013, 16:00

#5

так вот где ошибка

.style1 {

text-transform: uppercase;

font-size: 15px;

font-weight: bold;

text-decoration: none;

color:#003399;

}

.style1 a:link, .style1 a:visited
{

<span class="style1"><a>....

так будет работать

<a class="style1"...

так работать не будет

а будет

a.style {

...

}

72

seodata

4 марта 2013, 20:00

#6

Chukcha, это не решение проблемы. Если :hover идет последним, то он изменит стиль ссылки, даже если нет псведокласса :link или :visited.

VK приобрела 70% в структуре компании-разработчика red_mad_robot

Маркетинг для шоколадной фабрики. На 34% выше средний чек