Vladsvn
Member | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добрый день!
На сайте по клику появляется всплывающая форма уведомления, в которой выводятся сообщения типа:
Вера Бегемотова сделала комментарий на Ваш пост к статье Рейтинг окон
Вера Бегемотова сделала комментарий к Вашей статье Рейтинг окон
Здесь:
- "Вера Бегемотова" - ссылка на её профиль.
- "комментарий" - ссылка на комментарий
- "пост" - ссылка на пост
- "Рейтинг окон" - ссылка на статью.
При этом получается, что в обоих строках есть одинаковые ссылки. И когда кликнули по одной из них, то она выделяется цветом как прочитанная, но и другая ссылка туда же тоже выделяется как прочитанная, хотя по ней не кликали.
Можно ли сделать так, что бы выделялась цветом только та ссылка, по которой действительно кликнули?
А другая, по которой не кликали, оставалась неокрашенной?
Коды.
.item_uv_2 a {
color: navy; /* Цвет обычной ссылки */
text-decoration: none; /* Убираем подчеркивание у ссылок */
}
.item_uv_2 a:visited {
color: gray; /* Цвет посещённой ссылки */
}
.item_uv_2 a:hover {
color: blue; /* Цвет ссылки при наведении на нее курсора мыши */
text-decoration: underline; /* Добавляем подчеркивание */
}
<div class="popup_uv_2">
<div class="item_uv_1"><div class="avatar__bg"><img src="/profile/avatar/88.jpg" style="width: 100%; height: auto;"></div></div>
<div class="item_uv_2"><p><a href="/profile/face.php?kto=88">Вера Бегемотова</a> сделала <a href="/moskva/svetofor/27/#post568">комментарий</a> на Ваш
<a href="/moskva/svetofor/27/#post566">пост</a>
к статье <a href="/moskva/svetofor/27"/>Рейтинг окон</a></p></div>
<div class="item_uv_3"><p style="color: red;"> 2 </p></div>
</div>
<div class="popup_uv_2">
<div class="item_uv_1"><div class="avatar__bg"><img src="/profile/avatar/88.jpg" style="width: 100%; height: auto;"></div></div>
<div class="item_uv_2"><p><a href="/profile/face.php?kto=88">Вера Бегемотова</a> сделала <a href="/moskva/svetofor/27/#post564">комментарий</a> к Вашей статье <a href="/moskva/svetofor/27"/> Рейтинг окон</a></p></div>
<div class="item_uv_3"><p style="color: red;"> 3 </p></div>
</div>
* * *
Не хотелось бы делать рандомную ссылку типа href="/moskva/svetofor/27?sdffgg8"
|
Всего записей: 351 | Зарегистр. 07-09-2016 | Отправлено: 16:08 19-03-2023 | Исправлено: Vladsvn, 16:43 19-03-2023 |
|
