Наш чат в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov

Смена текста ссылки при наведении

При разработке сложного сайта Вы сталкиваетесь с проблемой, когда Вы уже задействовали и меню, и вкладки, и ссылки, и нужно вставить ещё один переключатель - ссылку. Предлагаю оригинальное решение:

Проставление кармы ОрганизаторамУчастникам
Исходный код этого примера:
<style type="text/css">
    div.a{
        color: blue;
    }
    div.a a{
        color: inherit;/*наследовать от div*/
    }
    div.a a:first-child{
        border-bottom: 1px dotted;
        border-bottom-color: inherit;
        text-decoration: none;
    }
    div.a:hover a:first-child{
        display: none;
    }
    div.a a:last-child{
        display: none;
    }
    div.a:hover a:last-child{
        display: inline;
        text-decoration: underline;
        cursor: pointer;
    }
</style>
<div class='a'>Проставление кармы <a href='#1'>Организаторам</a><a href='#2'>Участникам</a></div>


.