Выделение цветом ссылок при наведении на параграф

Всем привет!
Хочу вам предложить вот такой эффект, сделанный на CSS.
На сайте не будут видны ссылки, то есть, и ссылки, и текст будут одного цвета, но при наведении курсора мышки на параграф, ссылки выделятся другим цветом и пользователь увидит, где есть ссылки на сайте для перехода.
Конечно, этот эффект можно применять и для других целей, это дело фантазии.
(Ужасно интересно узнать, куда приведут вас ваши фантазии? Пишите в комментариях)

Теперь сам код.
Добавьте вот такой CSS код:

p { color:#000; /* цвет текста */ }
a { color: red; text-decoration:underline; /* оформление ссылки при наведении на параграф мышкой*/}
a:hover { color:#000; /* цвет ссылки при наведении на ссылку */}

/* оформление ссылки в обычном состоянии */
.colorhover-bloggood a
{
text-decoration:none;
color:#000;
}

/* для браузера IE6 */
.colorhover-bloggood:hover a { color: red; text-decoration:underline; }
.colorhover-bloggood:hover a:hover { color:#000; }

Теперь HTML:

<p class="colorhover-bloggood">
Текст текст текст текст, текст текст. <a href="https://stepkinblog.ru/bootstrap/besplatnyj-kurs-po-osnovam-bootstrap3.html/" title="Бесплатный курс по основам Bootstrap3">Бесплатный курс по основам Bootstrap3</a> текст текст Текст текст текст текст текст текст текст. <a href="https://stepkinblog.ru/html/besplatnyj-kurs-po-osnovam-html.html/" title="Бесплатный курс по основам HTML">Бесплатный курс по основам HTML</a>, текст текст текст текст текст текст. Текст текст. Текст текст текст, текст текст текст текст текст, текст текст. Текст текст текст текст текст. <a href="https://bloggood.ru/effekty-dlya-sajta-2/" title="Эффекты для сайта">Эффекты для сайта</a>. Текст текст текст, текст текст текст текст текст, текст текст текст текст текст, текст текст. Текст текст текст, текст текст, <a href="https://bloggood.ru/" title="Блог Костаневича Степана">BlogGood.ru</a>, текст текст текст текст текст текст.
</p>

Сохраняем и смотрим на результат! 

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

2 Ответов на комментарий - Выделение цветом ссылок при наведении на параграф

1. Александр

   02.12.2016 в 08:37

   Здравствуйте Степан !
   Благодарю за полезный код !
2. Степан => автор блога

   03.12.2016 в 10:41

   Здравствуйте, Александр!
   Пожалуйста.

Добавить комментарий

Нажмите, чтобы отменить ответ.

Имя (required)

Mail (will not be published) (required)

Сайт

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: css, для сайта, эффекты для сайта