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

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

Исходный код этого примера:

<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>