Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
Английская Kron
0 / 0 / 0
Регистрация: 04.03.2014
Сообщений: 4
1

Как одновременно менять цвет ссылки с цветом блока ?

04.03.2014, 09:32. Просмотров 1005. Ответов 4
Метки нет (Все метки)

Здравтсвуйте. Такая ситуация, в блоке div находится ссылка, как сделать так, что при наводе на блок ссылка меняла цвет. А получается только что, когда навожу на блок меняется цвет блока, а ссылка меняет цвет только тогда, когда подвожу к ней курсор мышы.
0
Лучшие ответы (1)
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
04.03.2014, 09:32
Ответы с готовыми решениями:

Как при наведении на li менять фон у блока слева
Добрый вечер, подскажите как можно сделать так чтобы при наведении на пункт li...

Как при наведении на дочерний блок менять стиль родительского блока
Здравствуйте, подскажите пожалуйста как при наведении на дочерний блок менять...

Как элементу задать и цвет и градиент одновременно?
Типа такого, чтобы градиент был над цветомbackground: red, linear-gradient(to...

Как заставить в выпадающем меню на CSS при убирании курсора не менять цвет букв?
Доброго времени суток. столкнулся с небольшой досадной проблемкой. Меню...

Как изменить цвет ссылки???
Как изменить цвет посещённой ссылки при наведении на неё??? Я изменил цвет...

4
monochromer
411 / 373 / 163
Регистрация: 03.01.2013
Сообщений: 966
04.03.2014, 10:45 2
Лучший ответ Сообщение было отмечено Английская Kron как решение

Решение

HTML5
1
2
3
<div>
  <a href='#'>link</a>
</div>
CSS
1
2
3
div:hover a{
  color:...;
}
1
Ukkas
152 / 125 / 39
Регистрация: 02.05.2012
Сообщений: 573
04.03.2014, 10:49 3
Английская Kron, если по банальному то так:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 <style type="text/css">
    #box { 
        background: red;
        width: 100px;
        height: 40px;
    }
    #box:hover a{
        color: white;
    }
    a:hover { 
        color: white;
    }
  </style>
 
<div id="box"><a href="#">test</a></div>
1
SF
Boo
139 / 114 / 55
Регистрация: 02.12.2013
Сообщений: 396
04.03.2014, 10:51 4
HTML5
1
2
3
4
<div>
  <a href='#'>link</a>
  <a href='#'>link</a>
</div>
CSS
1
2
3
4
5
6
7
div:hover {
  color:#c6c6c6;
}
div a:hover {
  color:#f00; 
  //display:block; если понадобиться 
}
0
Английская Kron
0 / 0 / 0
Регистрация: 04.03.2014
Сообщений: 4
04.03.2014, 11:10  [ТС] 5
isco_kg, по Вашему коду получается, так как я написал. Сначала меняется цвет блока, а уже при наводе на ссылку, цвет ссылки.
0
04.03.2014, 11:10
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
04.03.2014, 11:10

Как растянуть ссылки <a> вдоль блока <nav>?
Добрый день! Вопрос такой. В теги nav ввёл теги a (ниже код). И решил вдоль...

Цвет ссылки, как у окружающего текста
Всем привет есть ie в DesignMode=On нужно что бы когда набирается или...

Как сделать нормальный цвет ссылки
Как сделать нормальный цвет ссылки? такого же шрифта, аккуратно? Заранее...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru