: hover: до оформления текста никто не имеет никаких эффектов?

В качестве заголовка я добавляю значки, используя.icon-*, При добавлении иконки в гиперссылку:

<a href="#" class="icon-email icon-large">Email me!</a>

Содержание вставленоcontent свойство показывает подчеркнутое текстовое оформление при наведении курсора. Я хочу отключитьtext-decoration только для контента до:

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'IcoMoon';
    font-style: normal;
    speak: none;
}
.icon-mail:before {
    content: "\37";
}
[class^="icon-large-"]:before, [class*=" icon-large"]:before {
    font-size: 48px;
    line-height: 48px;
}
a[class^="icon-"]:before, a[class*=" icon-"]:before {
    margin-right: 5px;
    vertical-align: middle;
}

Я пробовал это, но это не работает (украшение все еще видно):

a[class^="icon-"]:hover:before, a[class*=" icon-"]:hover:before {
    text-decoration: none;
    color: white;
}

Ответы на вопрос(5)

Ваш ответ на вопрос