У меня есть гиперссылка на моем веб-сайте, в которой я хочу быть частью #A0A0A0 и частью #880000 для a:link и a:visited, и я хочу, чтобы она изменилась на часть #FFFFFF и часть #AA0000 для a:hover и a:active. Но я хочу, чтобы все это было одной ссылкой. До сих пор я пробовал два решения, но ни одно из них не сработало так, как я хочу.
Первый был:
a.menu:link { color: #a0a0a0; text-decoration: none; }
a.menu:visited { color: #a0a0a0; text-decoration: none; }
a.menu:hover { color: #ffffff; text-decoration: none; }
a.menu:active { color: #ffffff; text-decoration: none; }
<a class="menu" href="/about.html">Dubious
<span style="color: #880000;">Array</span>
.net</a>
В этом решении цвет средней части («Массив») все время остается #880000 и не меняется на #AA0000 для :hover или :active.
Второе решение состояло в том, чтобы создать <a> </a> для каждой части строки (то есть один для «Сомнительного», один для «Массива» и один для «.net») и сделать css для среднего <a> </a>
a.redMenu:link { color: #880000; text-decoration: none; }
a.redMenu:visited { color: #880000; text-decoration: none; }
a.redMenu:hover { color: #AA0000; text-decoration: none; }
a.redMenu:active { color: #AA0000; text-decoration: none; }
Таким образом, цвета работали нормально; но строка состояла из трех отдельных ссылок, поэтому наведение курсора на одну ссылку не изменит цвет в других.
Итак, что я хочу сделать, так это изменить css в середине гиперссылки с a.menu на a.redMenu, а затем снова на a.menu, но я не могу понять, как это сделать. Кто-нибудь здесь может решить мою проблему?
Спасибо, Джейкоб
