• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Решено Использование hover для обычного текста

Moonlight31

Опытный
Доброго времени суток!

Необходимо изменить цвет текста при наведении на ссылку. Знаю, что это делается при помощи псевдокласса hover

На форуме уже подсказывали, как это сделать для какого-либо элемента

Сейчас необходимо сделать это просто для текста, например для данной записи:

Код:
<p style="text-align: center;"><span style="color: #1b3f88;"><a style="color: #1b3f88;" href="http://santechpost.ru/product-category/complect/for-installations/?filtering=1&amp;filter_fabricator=vitra">Запчасти для инсталляции</a></span></p>
помогите, пожалуйста!


upload_2016-8-18_19-17-41.png
ссылка: http://santechpost.ru/vitra/
 

Moonlight31

Опытный
Добавил следующий код в style.css темы
Код:
a:link {color:#1b3f88}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* unvisited link */
      a:visited {color:#c72424}&nbsp; /* visited link */
      a:hover {color:#81A3E6}&nbsp; /* mouse over link */
      a:active {color:#0000FF}&nbsp; /* selected link */
Изменилось только для некоторых ссылок
upload_2016-8-19_9-21-12.png
 

Moonlight31

Опытный
из режима инкогнито 2 нижние строки также остаются выделенными.
upload_2016-8-19_9-24-54.png
 

Moonlight31

Опытный
Разобрался, почему не работал hover

Вместо
Код:
</p><p style="text-align: center;"><span style="font-family: helvetica, arial, sans-serif; font-size: 14pt; color: #1b3f88;"><a href="http://santechpost.ru/product-category/complect/for-toilet/?filtering=1&amp;filter_fabricator=vitra">Запчасти для унитазов</a></span></p>
у меня было:

Код:
<a style="color: #1b3f88;" href="http://santechpost.ru/product-category/complect/for-toilet/?filtering=1&amp;filter_fabricator=vitra">Запчасти для унитазов</a>
 

Moonlight31

Опытный
В итоге сделал так:
В style.css темы добавил

Код:
a.sp:link {
    color: #356AD4;
}

a.sp:visited {
    color: #1b3f88;
}

a.sp:active {
    color: #c72424;
}

a.sp:hover {
    text-decoration: none;
    color: #81A3E6;
    background-color: none;
}
А для текста на страницах: добавил название класса

<p style="text-align: center;"><span style="font-family: helvetica, arial, sans-serif; font-size: 14pt; color: #1b3f88;"><a class="sp" href="http://santechpost.ru/product-category/complect/for-toilet/?filtering=1&amp;filter_fabricator=vitra">Запчасти для унитазов</a></span></p>
 
  • Like
Реакции: D&B
Сверху Снизу